/*
 * FP Weblösungen Basis — funktionales Minimum.
 *
 * Nur zwei Dinge, alles Weitere ist Gestaltung und gehört ins Theme:
 * die Versteck-Regel für Screenreader-Text und die Maske des Icons für
 * externe Links. Keine Theme-Variablen, kein !important. Das Stylesheet
 * hängt an wp_enqueue_scripts mit Priorität 5 und steht damit vor der
 * style.css des Themes, das es ohne !important überschreiben kann.
 *
 * Das Icon steckt als data:-URI in dieser Datei, damit das Plugin keine
 * Bilddatei des Themes braucht. Quelle: Font Awesome Free 7.3.1,
 * https://fontawesome.com, Icons unter CC BY 4.0.
 */

/*
 * Core liefert diese Regel im Frontend nur über die Block-Styles aus, und die
 * lassen sich pro Installation abschalten. Fehlt die Regel, steht der Hinweis
 * "(öffnet in neuem Tab)" sichtbar im Fließtext.
 */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
	clip-path: inset(50%);
	word-wrap: normal;
}

a.is-external::after {
	content: "";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	background-color: currentColor;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20640%20640%27%3E%3Cpath%20d=%27M354.4%2083.8C359.4%2071.8%20371.1%2064%20384%2064L544%2064C561.7%2064%20576%2078.3%20576%2096L576%20256C576%20268.9%20568.2%20280.6%20556.2%20285.6C544.2%20290.6%20530.5%20287.8%20521.3%20278.7L464%20221.3L310.6%20374.6C298.1%20387.1%20277.8%20387.1%20265.3%20374.6C252.8%20362.1%20252.8%20341.8%20265.3%20329.3L418.7%20176L361.4%20118.6C352.2%20109.4%20349.5%2095.7%20354.5%2083.7zM64%20240C64%20195.8%2099.8%20160%20144%20160L224%20160C241.7%20160%20256%20174.3%20256%20192C256%20209.7%20241.7%20224%20224%20224L144%20224C135.2%20224%20128%20231.2%20128%20240L128%20496C128%20504.8%20135.2%20512%20144%20512L400%20512C408.8%20512%20416%20504.8%20416%20496L416%20416C416%20398.3%20430.3%20384%20448%20384C465.7%20384%20480%20398.3%20480%20416L480%20496C480%20540.2%20444.2%20576%20400%20576L144%20576C99.8%20576%2064%20540.2%2064%20496L64%20240z%27/%3E%3C/svg%3E") center / contain no-repeat;
}