/* ======================================================== */
/* CSS for control "sap.ushell.ui.launchpad.Tile" (sap_hcb) */
/* ======================================================== */

@sap_ushell_Tile_ShadowDimensions: 0 0 @_sap_ushell_Tile_ShadowWidth;
@sap_ushell_Tile_ShadowColor: fade(@sapUiShadowTint, 10);

@_sap_ushell_Tile_FooterBorder: @sapUiDarkBorder;
@_sap_ushell_Tile_FooterIconColor: @sapUiLightText;

.sapUshellTile:focus::after {
  border: 2px dotted @sapUiContentFocusColor;
}

.sapUshellTile:hover {
  box-shadow: 0 0 0 1px @sapUiTileBorderColor;
  border-radius: 0.375rem;
}

.sapUshellTile {
  background: @sapUiTileBackground;
  -moz-box-shadow: @sap_ushell_Tile_ShadowDimensions @sap_ushell_Tile_ShadowColor;
  -webkit-box-shadow: @sap_ushell_Tile_ShadowDimensions @sap_ushell_Tile_ShadowColor;
  box-shadow: @sap_ushell_Tile_ShadowDimensions @sap_ushell_Tile_ShadowColor;
  border: 1px solid @sapUiTileBorderColor;
  color: @sapUiTileBorderColor;
  box-sizing: border-box;
  border-radius: 0.375rem;
  padding: 0 2px 2px 0;

  &:focus {
    outline: 0.2rem dotted @sapUiHcStandardForeground;
    outline-offset: 0.125rem;

    .sapMGT {
      border-color: @sapUiLightestBorder;
      background-color: transparent;
    }
  }

  footer {
    text-align: @_sap_ushell_Tile_FooterTextAlignment;

    & > * {
      background: @_sap_ushell_Tile_FooterBorder;

      .sapUiIcon {
        line-height: @_sap_ushell_Tile_FooterLineHeight;
        font-size: 1rem;
        color: @_sap_ushell_Tile_FooterIconColor;
        position: @_sap_ushell_Tile_FooterPosition;
        top: @_sap_ushell_Tile_FooterPositionTop;
      }

      .sapMBtnInner {
        height: 2rem;
        -moz-box-shadow: inset 0 2px 0.19rem 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: inset 0 2px 0.19rem 0 rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 2px 0.19rem 0 rgba(0, 0, 0, 0.1);
      }

      &:first-child {
        border-bottom-left-radius: @_sap_ushell_Tile_FooterLineHeight;
      }

      &:last-child {
        border-bottom-right-radius: @_sap_ushell_Tile_FooterLineHeight;
      }

      &.sapMBtn:focus > .sapMBtnInner.sapMFocusable {
        border: none;
        top: 0.125rem;
        outline: 2px dotted @sapUiLightestBorder;
      }
    }
  }
}

.sapUshellTileFooterInfoNegative {
  color: @sapUiNegativeElement;
}

.sapUshellTileFooterInfoNeutral {
  color: @sapUiNeutralElement
}

.sapUshellTileFooterInfoPositive {
  color: @sapUiPositiveElement
}

.sapUshellTileFooterInfoCritical {
  color: @sapUiCriticalElement;
}