/* ============================================== */
/* CSS for control sap.ui.unified/CalendarLegend  */
/* Evening Horizon theme                          */
/* ============================================== */

.sapUiUnifiedLegend {
	border-radius: 0.5rem;
}

.sapUiCalLegDayTypeNonWorking .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor,
.sapUiUnifiedLegendNonWorkingDay .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor {
	background: @sapUiLegendNonWorkingBackground;
}

.sapUiUnifiedLegendSelected .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor {
	background: none;
	border: 0.0625rem solid var(--sapList_SelectionBorderColor);

	&::after {
		content: "";
		display: block;
		width: 0.25rem;
		height: 0.25rem;
		background: var(--sapContent_Selected_TextColor);
		border-radius: 50%;
		position: absolute;
		inset-block-start: 0.75rem;
		inset-inline-start: 0.75rem;
	}
}

.sapUiUnifiedLegendItem {
	position: relative;

	&:focus {
		outline: none;
		&::after {
			content: "";
			position: absolute;
			box-sizing: border-box;
			inset: 0.125rem;
			border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
			border-radius: 0.25rem;
			pointer-events: none;
		}
	}
}

.sapUiSizeCompact .sapUiUnifiedLegendItem,
.sapUiSizeCompact.sapUiUnifiedLegendItem {
	position: relative;

	&:focus {
		outline: none;
		&::after {
			content: "";
			position: absolute;
			box-sizing: border-box;
			inset: 0;
			border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
			border-radius: 0.25rem;
			pointer-events: none;
		}
	}
}

.sapUiSizeCompact .sapUiUnifiedLegendSelected .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor::after {
	inset-block-start: 0.625rem;
	inset-inline-start: 0.625rem;
}