/* ==================================== */
/* CSS for control sap.ushell/TileBase  */
/* Quartz Dark theme                    */
/* ==================================== */

@_sap_ushell_TileBase_SubtitleColor: lighten(@sapUiTileTextColor, 20);

.sapUiMedia-Std-Desktop .sapUshellTileBase:focus {
	outline-color: var(--sapContent_ContrastFocusColor);
	outline-style: dotted;
	outline-width: 0.125rem;
	outline-offset: -0.125rem;
}

.sapUiMedia-Std-Desktop .sapUshellTileBase:hover,
.sapUshellTileBase:active {
	background: fade(@sapUiShellHoverBackground, 4);
}

.sapUshellTileBase {
	color: var(--sapTile_TextColor);

	.sapUshellTileBaseNeutral {
		color: var(--sapNeutralElementColor);
	}

	.sapUshellTileBasePositive {
		color: var(--sapPositiveElementColor);
	}

	.sapUshellTileBaseTitle {
		color: var(--sapTile_TextColor);
		font-weight: @_sap_ushell_TileBase_FontWeight;
		font-family: @_sap_ushell_TileBase_TitleFontFamily;
		font-size: @_sap_ushell_TileBase_TitleFontSizeDesktop;

		b {
			background-color: var(--sapContent_SearchHighlightColor);
			font-weight: inherit;
		}
	}

	.sapUshellTileBaseSubtitle {
		color: @_sap_ushell_TileBase_SubtitleColor;
		font-weight: @_sap_ushell_TileBase_SubtitleFontWeight;
		font-family: @_sap_ushell_TileBase_SubtitleFontFamily;
		font-size: @_sap_ushell_TileBase_SubtitleFontSizeDesktop;

		b {
			background-color: @_sap_ushell_TileBase_TextHighlightBgColor;
			font-weight: inherit;
		}
	}

	.sapUshellTileBaseIcon {
		color: var(--sapBrandColor);
		font-size: @_sap_ushell_TileBase_IconFontSizeDesktop;
	}

	.sapUshellTileBaseInfo {
		color: @_sap_ushell_TileBase_SubtitleColor;
		font-weight: @_sap_ushell_TileBase_BottomLineFontWeight;
		font-family: @_sap_ushell_TileBase_BottomLineFontFamily;
		font-size: @_sap_ushell_TileBase_BottomLineFontSizeDesktop;

		&.sapUshellTileBaseNeutral {
			color: var(--sapNeutralElementColor);
		}

		&.sapUshellTileBasePositive {
			color: var(--sapPositiveElementColor);
		}

		b {
			background-color: @_sap_ushell_TileBase_TextHighlightBgColor;
			font-weight: inherit;
		}
	}
}

.sapUiMedia-Std-Phone .sapUshellTileBase {

	.sapUshellTileBaseTitle {
		font-size: @_sap_ushell_TileBase_TitleFontSizePhone;
	}

	.sapUshellTileBaseSubtitle {
		font-size: @_sap_ushell_TileBase_SubtitleFontSizePhone;
	}

	.sapUshellTileBaseIcon {
		font-size: @_sap_ushell_TileBase_IconFontSizePhone;
	}

	.sapUshellTileBaseInfo {
		font-size: @_sap_ushell_TileBase_BottomLineFontSizePhone;
	}
}