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

@_sap_ushell_Tile_TextColor: @sapUiTileTextColor;
@_sap_ushell_Tile_FooterBorder: @sapUiShellBorderColor;
@_sap_ushell_Tile_FooterIconColor: @sapUiTileTextColor;

.sapUshellTile {
  background: @sapUiTileBackground;
  border: none;
  color: @_sap_ushell_Tile_TextColor;

  &.showTileActionsIcon .sapUshellTileActionsIconClass.sapUiIcon,
  .sapUshellTileActionsIconClass.sapUiIcon {
    color: @sapUiBrand;
  }

  footer {
    text-align: @_sap_ushell_Tile_FooterTextAlignment;

    &.sapUshellFeedTileBG {
      background-color: transparent;
    }

    & > * {
      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;
        border: none;
        -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_FooterCornerRadius;
      }

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

.sapUshellTileActionDivCenter {
  background: @sapUiTileBackground;
}

.sapUiMedia-Std-Phone .sapUshellTileInner,
.sapUiMedia-Std-Tablet .sapUshellTileInner {
  a.sapUshellTileInner:visited {
    color: @_sap_ushell_Tile_TextColor;
  }
}

.sapUshellTileDeleteIconOuterClass {
  background: @sapUiButtonBackground;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border: 1px solid @sapUiButtonBorderColor;
}

.sapUshellTileDeleteIconInnerClass {
  color: @sapUiButtonIconColor;
}

.sapUshellTileDeleteClickArea:hover {
    background: @sapUiButtonHoverBackground;
    border: 1px solid @sapUiButtonHoverBorderColor;
}

.sapUshellTileDeleteClickArea:active {
    background: @sapUiButtonActiveBackground;
    border: 1px solid @sapUiButtonActiveBorderColor;

  .sapUshellTileDeleteIconInnerClass {
    color: @sapUiButtonActiveTextColor;
  }
}

.sapUshellTileActionsIconClass.sapUiIcon {
  color: @sapUiBrand;
  background: @sapUiShellBackground;
}

.sapUshellTile:hover .sapUshellTileActionIconDivBottom {
  color: @sapUiBrand;
}

.sapUshellTile:focus::after {
  border-color: @sapUiContentFocusColor;
  border-width: 1px;
  border-style: dotted;
}

.sapUshellTile .sapUshellTileBase {
  border: 1px solid @sapUiTileBackground;
  background: @sapUiTileBackground;
}

.sapUshellTileFooterInfoNegative {
  color: @sapUiNegativeElement;
}

.sapUshellTileFooterInfoNeutral {
  color: @sapUiNeutralElement
}

.sapUshellTileFooterInfoPositive {
  color: @sapUiPositiveElement
}

.sapUshellTileFooterInfoCritical {
  color: @sapUiCriticalElement;
}