/* ====================================================== */
/* CSS for "sap.ushell.ui.ShellHeader" (sap_fiori_3_dark) */
/* ====================================================== */

.sapUshellShellHeader {
  background-color: @sapUiShellColor;
}

.sapUshellShellIco:focus,
.sapUshellShellHeadItm:focus,
#shellAppTitle:focus-within {
  outline-color: @sapUiContentFocusColor;
}

.sapUshellShellHeadBegin .sapUshellShellIco:hover {
  background-color: @sapUiShellHoverBackground;
}

#allMyAppsView--sapUshellAllMyAppsDetailsPage {
  background: @sapUiListBackground;
  border-left: 1px solid @sapUiListBorderColor;
}

#allMyAppsView--sapUshellAllMyAppsDetailsPage .sapMLIB {
  border-bottom: 0;
}

.sapUshellShellHeadItm {
  color: @sapUiShellInteractiveTextColor;
}

.sapUshellShellHeadItmSel,
.sapUshellShellHeadItm:active {
  background-color: @sapUiHighlight;
}

.sapUshellShellHeadAction {
  color: @sapUiShellInteractiveTextColor;
}

.sapUshellShellHeadItm.sapUshellShellHeadItmSel {
  background-color: @sapUiShellActiveBackground;
  color: @sapUiShellActiveTextColor;
}

.sapUshellShellHeader .sapUshellShellHeadItm:hover {
  background-color: @sapUiShellHoverBackground;
}

.sapUshellShellHeader .sapUshellShellHeadItm:active {
  background-color: @sapUiShellActiveBackground;
  color: @sapUiShellActiveTextColor;
}

.sapUshellHeadTitle {
  color: @sapUiShellTextColor;
}

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

.sapUshellAppTitle {
  color: @sapUiShellTextColor;
}

.sapUshellAppTitleClickable:hover {
  background-color: @sapUiShellHoverBackground;
}
.sapUshellAppTitleClickable:active {
  background-color: @sapUiShellActiveBackground;
}

.sapUshellAppTitleClickable:active .sapUshellShellHeadAction {
  color: @sapUiShellActiveTextColor;
}

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

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

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

/** Shell Navigation Menu - related Apps grid (within a flexbox) - override the text-tab-bar content area height **/
#sapUshellRelatedAppsItems {
  background-color: @sapUiGlobalBackgroundColor;
  border-top: 1px solid @sapUiListBorderColor;
}

#sapUshellRelatedAppsItems label {
  font-size: 1rem;
}

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

.sapUshellNavMiniTile:hover,
.sapUshellNavMiniTile:active {
  box-shadow: 0 0 0.125rem @sapUiTileBorderColor;
}

.sapUshellNavMiniTileTitle,
.sapUshellNavMiniTileSubtitle {
  color: @sapUiListTextColor;
}

.sapUshellNavMiniTileIcon {
  color: @sapUiBrand;
}
