/*
 * This not does apply to links with role button per discussion on T373989
 * The `where` it used here as specificity is important so support overriding
 * in skins and extensions.
 * When changing this file - DO NOT disable stylelint rule selector-max-specificity
*/
a:where( :not( [ role='button' ] ) ) {
	.cdx-mixin-link-base();
}

// Red links - DO NOT disable stylelint rule selector-max-specificity for this rule.
a:where( .new:not( [ role='button' ] ) ) {
	.cdx-mixin-link-red();
}

// External links
// Use of `a` element selector for limiting generic class scope due to `.external` widespread usage.
/* stylelint-disable selector-max-specificity */
.mw-parser-output {
	a {
		// Deal with long links (T327334, inspired by Minerva solution T62387)
		word-wrap: break-word;
	}

	a.external {
		// Use copy of Codex/OOUI WikimediaUI theme's 'linkExternal' icon in progressive color.
		// Note that CSSJanus is flipping the `ltr` in the URL to `rtl`.
		// Therefore make sure that both icons are available and up-to-date.
		background-image: url( images/link-external-small-ltr-progressive.svg );
		background-position: center right;
		background-repeat: no-repeat;
		// Equivalent of `12px` at calculation base of `14px` is `0.857em`.
		background-size: 0.857em;
		padding-right: 1em;

		// See T330712 for better understanding of this class and any future changes.
		&.free {
			word-break: break-all;
		}
	}
}
/* stylelint-enable selector-max-specificity */

/**
 * The following styles are copied from content.links.less
 */

/* self links */
/* stylelint-disable selector-max-specificity */
a.mw-selflink {
	color: inherit;
	font-weight: bold;
	text-decoration: inherit;

	&:hover {
		cursor: inherit;
	}
}

/* Underline preference */
.mw-underline-always a {
	text-decoration: underline;
}

.mw-underline-never a {
	text-decoration: none;
}

/* Plainlinks - this can be used to switch
 * off special external link styling */
.plainlinks a.external {
	background: none !important; /* stylelint-disable-line declaration-no-important */
	padding: 0 !important; /* stylelint-disable-line declaration-no-important */
}
/* stylelint-enable selector-max-specificity */