/* ========================================= */
/* CSS for control sap.ushell/ShellAppTitle  */
/* Horizon High Contrast White theme         */
/* ========================================= */

/** ---------------------------------------- **/
/** Styles for Shell Title's Navigation Menu **/
/** ---------------------------------------- **/

#shellAppTitle {
	color: var(--sapShell_TextColor);
	outline: none;
}

#shellAppTitle:focus-within {
	outline: none;
}

.sapUshellAppTitle {
	line-height: 2.25rem;
	outline: none;
	box-shadow: none;
}

#shellAppTitle-button {
	margin: 0.25rem;
	height: 2.25rem;
	border-radius: .375rem;
	outline-offset: -0.25rem;
	box-shadow: none;
	border: 1px @sapDefault_BorderStyle var(--sapShell_BorderColor);
}

/* On mobile Portrait Mode the arrow down button is only shown without text (only one child) */
#shellAppTitle-button > span:only-child {
	min-width: 1rem;
}

#shellAppTitle.sapUshellAppTitleClickable:hover > #shellAppTitle-button,
#shellAppTitle-button:hover {
	background-color: var(--sapShell_Hover_Background);
	box-shadow: var(--sapContent_Interaction_Shadow);
	border-color: var(--sapButton_Lite_BorderColor);
}

#shellAppTitle-button:focus:not(:focus-within) {
	outline-color: transparent;
}

#shellAppTitle-button:focus-within {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
}

#shellAppTitle.sapUshellAppTitleClickable:active > #shellAppTitle-button,
#shellAppTitle-button:active {
	color: var(--sapShell_Active_TextColor);
	box-shadow: var(--sapContent_Selected_Shadow);
	border-color: var(--sapButton_Lite_BorderColor);
	background-color: var(--sapShell_Active_Background);
}

/* Arrow Down Button if the AllMyApps Feature is enabled */
.sapUshellShellHeadAction {
	color: var(--sapShell_InteractiveTextColor);
}

/* The Title is clickable if the AllMyApps Feature is enabled. */
.sapUshellAppTitleClickable {
	border-radius: .375rem;
	outline: none;
}

.sapUshellAppTitleClickable:active .sapUshellShellHeadAction,
.sapUshellAppTitleClickable:active .sapUshellAppTitleText {
	color: var(--sapShell_Active_TextColor);
}

/** Hierarchy Items - (List Items) Icon Styles **/
.sapUshellNavigationMenuListItems {
	color: var(--sapList_Background);
}

.sapUshellNavigationMenuListItems:not(:last-child) .sapMLIBContent::after {
	background: @sapUiHcStandardForeground;
}

.sapUshellNavigationMenuListItems:not(:first-child) .sapMLIBContent::before {
	background: @sapUiHcStandardForeground;
}

/** Shell Navigation Menu - Mini Tiles (of relatedApps)**/
.sapUshellNavMiniTile {
	background-color: var(--sapList_Background);
	box-shadow: 0 0 0 1px @sapUiHcStandardForeground;
}

.sapUshellNavMiniTile:hover {
	box-shadow: 0 0 0 2px @sapUiHcStandardForeground;
	background-color: var(--sapButton_Hover_Background);
}

.sapUshellNavMiniTile:active {
	box-shadow: 0 0 0 2px @sapUiHcStandardForeground;
	background-color: var(--sapButton_Hover_Background);
}

.sapUshellNavMiniTile:focus {
	box-shadow: 0 0 0 2px @sapUiHcStandardForeground;
	background-color: var(--sapButton_Hover_Background);
}

/** Shell Navigation Menu - Mini Tiles - Title **/
.sapUshellNavMiniTileTitle {
	color: var(--sapHighlightTextColor);
}

/** Shell Navigation Menu - Mini Tiles - Subtitle **/
.sapUshellNavMiniTileSubtitle {
	color: var(--sapHighlightTextColor);
}

/** Shell Navigation Menu - Mini Tiles - Icon **/
.sapUshellNavMiniTileIcon {
	color: var(--sapBrandColor);
}

#allMyAppsView--sapUshellAllMyAppsMasterDetail-Master {
	border-right: 1px @sapDefault_BorderStyle @sapUiHcStandardForeground;
}