/*
 * Site-weite Textlinks (Styleguide §4 "Textlinks"). Wird auf jeder Frontend-Seite
 * geladen, nicht nur auf Seiten mit Plugin-Widgets: Ohne diese Regel greift Hello
 * Elementors Theme-Default (#CC3366 Pink) in Text-Editor-Widgets, Beiträgen und FAQ-
 * Antworten.
 *
 * Erfasst werden nur redaktionelle Links im Fließtext: <a> ohne eigene Klasse innerhalb
 * von Textelementen (p, li, blockquote, …), plus die Auto-Links des SEO-Autolinkers.
 * Links mit eigener Klasse gehören zu einer Komponente (Buttons, Karten, Share-Icons,
 * Menüs) und behalten deren Styling. Header, Footer und Navigation sind komplett
 * ausgenommen.
 *
 * Bewusst niedrige Spezifität (:where + ein Pseudo-Klassen-Anteil = 0,1,1): schlägt den
 * Theme-Reset (a / a:hover), aber jede Widget-Regel mit eigener Klasse gewinnt weiterhin.
 */

:root {
	--ac-text-link-color: #2e6741;
	--ac-text-link-color-hover: #1c4430;
	--ac-text-link-weight: 700;
}

:where( p, li, dd, dt, td, th, blockquote, figcaption, address, small, cite )
	a:where( :not( [class] ), .ac-seo-autolink, .ac-text-link ):where( :not( :is( header, nav, footer, [role="navigation"], .elementor-location-header, .elementor-location-footer, .elementor-nav-menu, .elementor-icon-list-items, .elementor-toc__body ) a ) ):is( :link, :visited ) {
	color: var( --ac-text-link-color );
	font-weight: var( --ac-text-link-weight );
	text-decoration: none;
	text-underline-offset: 3px;
	transition: color 0.2s;
}

:where( p, li, dd, dt, td, th, blockquote, figcaption, address, small, cite )
	a:where( :not( [class] ), .ac-seo-autolink, .ac-text-link ):where( :not( :is( header, nav, footer, [role="navigation"], .elementor-location-header, .elementor-location-footer, .elementor-nav-menu, .elementor-icon-list-items, .elementor-toc__body ) a ) ):is( :hover, :focus ) {
	color: var( --ac-text-link-color-hover );
	text-decoration: underline;
}

:where( p, li, dd, dt, td, th, blockquote, figcaption, address, small, cite )
	a:where( :not( [class] ), .ac-seo-autolink, .ac-text-link ):focus-visible {
	outline: 2px solid var( --ac-text-link-color );
	outline-offset: 2px;
	border-radius: 2px;
}

/* Auf dunklen Flächen (Rechte-Box, Video-Karte) hell statt Grün auf Dunkelgrün. */
:where( .ac-grenzwertig-rights-box, .ac-la-video-card, .ac-on-dark ) {
	--ac-text-link-color: #76d5a8;
	--ac-text-link-color-hover: #ffffff;
}
