/* =============================================== */
/* CSS for control sap.ushell/AnchorNavigationBar  */
/* Evening Horizon theme                           */
/* =============================================== */

.sapUshellAnchorNavigationBar {
	background: var(--sapShell_Navigation_Background);
	box-shadow: var(--sapShell_Shadow);
	height: 2.75rem;
	padding: 0 2rem;
}

/* AnchorNavigationBars inner bar */
.sapUshellAnchorNavigationBarInner {
	color: var(--sapShell_Navigation_TextColor);
	padding: 0 .1875rem;
}

/* more buttons: left / right / overflow: sizing and padding of the inner element */
.sapUshellAnchorNavigationBar .sapMBtn > .sapMBtnInner {
	border-radius: .375rem;
}

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

/* Popover Item selected */
.sapUshellAnchorItemsPopover .sapUshellGroupLI.sapUshellAnchorPopoverItemSelected {
	background-color: var(--sapList_SelectionBackgroundColor);

	/* do not show small bottom border after selection */
	&.sapMLIB {
		border-bottom: none;
	}

	/* only focused selected items get an outline. */
	&:focus {
		border-radius: .625rem;
		outline: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);
	}
}

/* Popover Item unselected */
.sapUshellAnchorItemsPopover .sapUshellGroupLI.sapUshellAnchorPopoverItemNonSelected {
	background-color: var(--sapList_Background);

	/* do not show small bottom border after selection */
	&.sapMLIB {
		border-bottom: none;
	}

	/* hover properties for unselected Popover Items */
	&:hover {
		background-color: var(--sapList_Hover_Background);
	}

	/* focused unselected items show an outline. */
	&:focus {
		border-radius: .625rem;
		outline: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);
	}
}

/* the scroll wrapper of the AnchorNavigationBar. */
.sapUshellAnchorNavigationBarItemsScroll {
	height: inherit;
}

/* width of navigation buttons left, right, overflow */
.sapUshellAnchorNavigationBarInner #sapUshellAnchorBarOverflowButton,
.sapUshellAnchorNavigationBarInner .sapUshellAnchorLeftOverFlowButton,
.sapUshellAnchorNavigationBarInner .sapUshellAnchorRightOverFlowButton {

	.sapMBtnInner {
		min-width: 1.625rem;
	}
}