/* ============================================== */
/* CSS for control sap.ui.unified/CalendarLegend  */
/* Belize High Contrast White theme               */
/* ============================================== */

.sapUiUnifiedLegend {
	border: 1px solid @sapUiContentForegroundBorderColor;
	padding: 11px 16px;
	max-width: 288px;
}

.sapUiUnifiedLegend[data-sap-ui-popup] {
	box-shadow: @sapUiShadowLevel3;
}

.sapUiUnifiedLegendSquareColor {
	border-radius: 0;
}

/*** compact mode (desktop size) ***/

.sapUiSizeCompact .sapUiUnifiedLegend,
.sapUiSizeCompact.sapUiUnifiedLegend {
	max-width: 256px;
}

/*** items and colors ***/

.sapUiUnifiedLegendWorkingDay > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
	background: @sapUiListBackground;
}

.sapUiUnifiedLegendNonWorkingDay > .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
	background: @sapUiHcReducedBackground;
}

.sapUiUnifiedLegendItem {
	position: relative;

	&:focus {
		outline: none;
		&::after {
			content: "";
			position: absolute;
			box-sizing: border-box;
			left: 0.0625rem;
			top: 0.0625rem;
			right: 0.0625rem;
			bottom: 0.0625rem;
			border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
			pointer-events: none;
		}
	}

	.sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
		border-radius: 0;
	}
}