/* ====================================================================== */
/* CSS for control "sap.ushell.ui.launchpad.AnchorItem" (sap_fiori_3_hcw) */
/* ====================================================================== */

@_sap_ushell_AnchorItem_TextColor: @sapUiHcStandardForeground;

.sap-tablet .sapUshellAnchorItem,
.sap-desktop .sapUshellAnchorItem {
  border: 1px solid @sapUiTileBorderColor;
}

.sapUshellAnchorItem:not(.sapUshellShellHidden) + .sapUshellAnchorItem {
  border-left: 0;
}

.sapUshellAnchorItem {
  font-family: @sapUiFontFamily;
  font-size: @sapMFontHeader6Size;
  font-weight: @sapUiFontHeaderWeight;
}

.sap-tablet,
.sap-desktop {
  .sapUshellAnchorNavigationBar .sapUshellAnchorItemSelected {
    background-color: @sapUiHcHighlightAltBackground;

    .sapUshellAnchorItemInner {
      border-bottom: 0.2rem transparent;
    }
  }
}

.sapUshellAnchorItemOverFlow {
  font-family: "SAP-icons";
  font-size: 1rem;
  color: @sapUiTileIconColor;
  background-color: transparent;

  button {
    background-color: transparent;
    border-style: none;
  }

  .sapUiIcon {
    font-family: "SAP-icons";
    font-size: 1rem;
    color: @sapUiTileIconColor;
    background-color: transparent;
  }

  .sapMBtnInner {
    background-color: transparent;
    background: transparent;
  }
}

.sapUshellAnchorItemsPopover {
  .sapUshellGroupLI.sapUshellAnchorPopoverItemSelected,
  .sapUshellGroupLI.sapUshellAnchorPopoverItemHidden {
    background-color: @sapUiHcStandardBackground;
  }
}

.sapUshellAnchorItem:focus {
  outline: 2px dotted @_sap_ushell_AnchorItem_TextColor;
  outline-offset: -0.2625rem;
}

.sap-desktop[data-sap-ui-browser^="ie"] .sapUshellAnchorItem:focus {
  outline: 0;
  border: 2px dotted @_sap_ushell_AnchorItem_TextColor;
}