/* ================================ */
/* CSS for control sap.m/InputBase  */
/* Quartz Dark theme                */
/* ================================ */

/* ========================================================================== */
/* Variables overriding */
/* ========================================================================== */

@_sap_m_InputBase_InnerMinWidth: 2.75rem;
@_sap_m_InputBase_InnerPadding: 0 0.625rem;
@_sap_m_InputBase_DisabledOpacity: var(--sapContent_DisabledOpacity);
@_sap_m_InputBase_IconLineHeight: 2.125rem;
@_sap_m_InputBase_IconWidth: 2.125rem;
@_sap_m_InputBase_IconMinWidth: 2.125rem;

.sapMInputBaseContentWrapper {

	&.sapMInputBaseContentWrapperState {

		&.sapMInputBaseContentWrapperSuccess {
			border-width: var(--sapField_SuccessBorderWidth);
			border-style: var(--sapField_SuccessBorderStyle);
		}

		&.sapMInputBaseContentWrapperError {
			border-width: var(--sapField_InvalidBorderWidth);
			border-style: var(--sapField_InvalidBorderStyle);
		}

		&.sapMInputBaseContentWrapperWarning {
			border-width: var(--sapField_WarningBorderWidth);
			border-style: var(--sapField_WarningBorderStyle);
		}

		&.sapMInputBaseContentWrapperInformation {
			border-width: var(--sapField_InformationBorderWidth);
			border-style: var(--sapField_InformationBorderStyle);
		}
	}

	&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {

		/* calculated line-height excluding the top and bottom borders */
		.sapMInputBaseIcon {
			line-height: 2rem;
		}

		.sapMTokenizer .sapMToken {
			margin-top: 0.1875rem;
		}
	}
}

.sapMInputBase:not(.sapMInputBaseDisabled):not(.sapMInputBaseIconPressed) .sapMInputBaseIconContainer .sapMInputBaseIcon {
	color: var(--sapContent_IconColor);

	&:hover {
		background: var(--sapButton_Lite_Hover_Background);
	}
	&:active {
		background-color: var(--sapButton_Lite_Active_Background);
		color: var(--sapButton_Active_TextColor);
	}
}

.sapMInputBaseIconPressed .sapMInputBaseIcon,
.sapMInputBaseIconPressed .sapMInputBaseIcon:hover {
	background: var(--sapButton_Selected_Background);
	border-left-color: var(--sapButton_Selected_BorderColor);
}

.sapMInputBaseDisabledWrapper .sapMInputBaseIcon {
	color: var(--sapContent_IconColor);

	&:hover {
		background: transparent;
	}
}

.sapMInputBaseReadonlyWrapper {
	border-color: var(--sapField_ReadOnly_BorderColor);
	background: var(--sapField_ReadOnly_BackgroundStyle);
	background-color: var(--sapField_ReadOnly_Background);
}

/* List specific styles */
.sapMILI-CTX .sapMInputBaseContentWrapper,
.sapMILI-CTX .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
	text-align: right;
	background: transparent;
}

.sapMLIBActive {

	.sapMInputBaseInner,
	.sapMInputBaseContentWrapper {
		color: var(--sapList_Active_TextColor);
		background: transparent;
	}

	.sapMInputDescriptionText {
		color: var(--sapList_Active_TextColor);
	}
}

.sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
	color: var(--sapList_Active_TextColor);
}