/* ============================================ */
/* CSS for control sap.uxap/HierarchicalSelect  */
/* Belize High Contrast Black theme             */
/* ============================================ */

html.sap-desktop .sapUxAPHierarchicalSelect {
	border: none;

	&.sapMSltHoverable {
		border: none;

		&.sapMSltIconOnly {
			background: transparent;

			> .sapMSltIcon {
				border-radius: 0.375rem;
			}

			&:hover {
				background: transparent;

				> .sapMSltIcon {
					background: @sapUiButtonHoverBackground;
				}

				&.sapMSltFocused {
					background: transparent;
				}
			}

			&.sapMSltFocused {
				outline: none;

				> .sapMSltIcon {
					outline: 0.125rem dotted @sapUiContentFocusColor;
					outline-offset: -0.125rem;
					border-color: transparent;
				}
			}
		}
	}

	&.sapMSltPressed {

		&.sapMSltIconOnly:not(.sapMSltDisabled) {
			background: none;
			border: none;
		}

		> .sapMSltIcon {
			background: @sapUiToggleButtonPressedBackground;
		}
	}
}

.sapUxAPHierarchicalSelect .sapMSltLabel,
.sapUxAPHierarchicalSelect .sapMSltArrow,
.sapUxAPHierarchicalSelectFirstLevel.sapMSelectListItem {
	color: @sapUiListTextColor;
}

.sapUxAPObjectPageLayout-Std-Phone .sapUxAPHierarchicalSelect .sapMSltArrow,
.sapUiSizeCompact .sapUxAPObjectPageLayout-Std-Phone .sapUxAPHierarchicalSelect .sapMSltArrow {
	width: 3rem;
}

.sapUxAPObjectPageLayout-Std-Phone .sapUxAPHierarchicalSelect.sapMSlt > .sapMSltArrow{
	border-left: none;
}

.sapUxAPAnchorBar .sapUxAPHierarchicalSelect.sapMSltIconOnly {
	border-radius: 0;
	height: 3rem;
	width: 2rem;
}

.sapUxAPAnchorBar .sapUxAPHierarchicalSelect.sapMSltIconOnly .sapMSltIcon {
	box-sizing: border-box;
	border: 1px solid @sapUiButtonBorderColor;
}

.sapUxAPHierarchicalSelectSecondLevel.sapMSelectListItem,
.sapUxAPHierarchicalSelectFirstLevel.sapMSelectListItem {
	border-bottom: none;
}

.sapUxAPHierarchicalSelectSecondLevel.sapMSelectListItem {
	border-top: 1px solid @sapUiListBorderColor;
	padding-left: 2rem;
}

.sapUxAPHierarchicalSelectFirstLevel.sapMSelectListItem {
	border-top: 0.125rem solid @sapUiGroupContentBorderColor;
}

.sapMSelectList .sapUxAPHierarchicalSelectSecondLevel.sapMSelectListItem {
	text-indent: 1rem;
}

.sapUiSizeCompact .sapUxAPHierarchicalSelect .sapMSltIcon {
	top: 0;
}

/* styling needed to achieve underline of the select label on phone */
html .sapUxAPObjectPageLayout-Std-Phone, html.sap-phone {
	.sapMSltPressed > .sapMSltArrow {
		background: @sapUiFieldActiveBackground;
	}

	.sapMSltPressed > .sapMSltArrow::before {
		color: @sapUiContentContrastIconColor;
	}

	.sapUxAPHierarchicalSelect .sapMSltLabel {
		border-bottom: 0.125rem solid @sapUiObjectHeaderBorderColor;
	}

	.sapUxAPHierarchicalSelect .sapMSltArrow {
		box-shadow: inset 0 -0.125rem @sapUiObjectHeaderBorderColor, 0 0.125rem 0 0 @sapUiObjectHeaderBackground;
	}

	.sapMSlt.sapUxAPHierarchicalSelect {
		box-shadow: inset 0 -0.125rem @sapUiObjectHeaderBorderColor, 0 0.125rem 0 0 @sapUiObjectHeaderBackground;
	}
}

/* styling needed to achieve underline of the select label on phone on Android 4.4.2
(this is specific for webview (Fiori client) and Chrome browser) */
html[data-sap-ui-browser^="cr4"] .sapUxAPObjectPageLayout-Std-Phone,
html[data-sap-ui-browser^="cr4"].sap-phone {
	.sapUxAPHierarchicalSelect .sapMSltLabel {
		box-shadow: inset 0 -0.125rem @sapUiObjectHeaderBorderColor;
	}
}

/* TODO remove after the end of support for Internet Explorer */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapUxAPHierarchicalSelect.sapMSltHoverable.sapMSltIconOnly.sapMSlt {
		border: none;
		position: absolute;
		 .sapMSltIcon {
			line-height: 1.5rem;
			&::before {
				position: relative;
			}
		}
		&.sapMSltFocused:not(.sapMSltPressed) {
			&::before {
				border: none;
			}
			&> .sapMSltIcon {
				line-height: 1.375rem;
				outline: none;
				border: 0.125rem dashed @sapUiContentFocusColor;
			}
		}
	}
}