/* =============================================== */
/* CSS for control sap.ushell/AnchorNavigationBar  */
/* Quartz Dark theme                               */
/* =============================================== */

.sapUshellAnchorNavigationBar {
	background: var(--sapShell_Navigation_Background);
	box-shadow: var(--sapShell_Shadow);
}

/* more buttons: left / right and overflow button */
.sapUshellAnchorNavigationBar .sapMBtnIcon {
	color: var(--sapShell_Navigation_SelectedColor);
}

/* more buttons: left / right and overflow button / active state */
.sapUshellAnchorNavigationBar :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive .sapMBtnIcon {
	color: var(--sapShell_Navigation_Active_TextColor);
}

/* hover button border */
.sap-desktop .sapMIBar-CTX.sapUshellAnchorNavigationBar .sapMBtn:not(.sapMBtnDisabled):hover > .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
	border-color: var(--sapShell_Navigation_Hover_Background);
	background: var(--sapShell_Navigation_Hover_Background);
}

/* hover icon */
.sapUshellAnchorNavigationBar .sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault .sapUiIcon {
	color: var(--sapShell_Navigation_SelectedColor);
	background: var(--sapShell_Navigation_Hover_Background);
}

/* button active */
.sapUshellAnchorNavigationBar .sapMBtnInner.sapMBtnHoverable.sapMFocusable.sapMBtnIconFirst.sapMBtnDefault.sapMBtnActive {
	color: var(--sapShell_Navigation_Active_TextColor);
	background: var(--sapShell_Navigation_Active_Background);
	border-color: var(--sapShell_Navigation_Active_Background);
}

/* navigation bar lower border */
.sapUshellAnchorNavigationBarInner .sapMBtn .sapMBtnHoverable .sapMBtnDefault .sapUiIcon {
	border-color: var(--sapShell_Navigation_SelectedColor);
}

/* navigation bar */
.sapUshellAnchorNavigationBarInner {
	color: var(--sapShell_Navigation_TextColor);
}

.sapUshellAnchorItemsPopover .sapUshellGroupLI {
	background-color: var(--sapList_Background);
}

.sapUshellAnchorItemsPopover .sapUshellGroupLI.sapUshellAnchorPopoverItemSelected {
	background-color: var(--sapList_SelectionBackgroundColor);
}

.sapUshellAnchorItemsPopover .sapUshellGroupLI.sapUshellAnchorPopoverItemNonSelected {
	background-color: var(--sapList_Background);

	&:hover {
		background-color: var(--sapList_Hover_Background);
	}
}