/* ================================== */
/* CSS for control sap.m/Link         */
/* Horizon High Contrast Black theme  */
/* ================================== */

.sapMLnkDsbl {
	opacity: var(--sapContent_DisabledOpacity);
	outline: none;
	cursor: default;
}

.sapMLIBActive .sapMLnk {
	color: var(--sapList_Active_TextColor);
	text-decoration: underline;
}

.sapMLnk.sapMLnkSubtle {
	color: var(--sapLink_SubtleColor);
	text-decoration: underline;

	&:not(.sapMLnkDsbl) {

		&:active {
			color: var(--sapLink_SubtleColor);
		}
	}
}

html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {

	&:focus {
		outline: 0.125rem dotted var(--sapContent_FocusColor);

		&:hover:not(:active) {
			text-decoration: none;
		}
	}

	&.sapMLnkSubtle {

		&:hover:not(:active):not(:focus) {
			color: var(--sapLink_SubtleColor);
			text-decoration: none;
		}
	}
}

.sapMLnk:not(.sapMLnkDsbl) {
	text-shadow: var(--sapContent_TextShadow);
}

/* align Link in Form with Label */
.sapUiFormEdit .sapMLnk {
	margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
	margin-bottom: 0.625rem; /* for some reason browser adds 4px, display: block would lead to stretched focus outline */
}

.sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
	text-shadow: var(--sapContent_TextShadow);
}

.sapMLnk.sapMLnkLargeReactiveArea {
	line-height: 1.5rem;
}