/* FFKB Festival-App: Barrierefreiheit im Frontend (Web-Audit 25.10.2026), siehe includes/Frontend/Accessibility.php */

/* Tastaturfokus sichtbar (WCAG 2.4.7). Avada setzt Rahmen, Fokus-Rahmen und Feldhintergrund der Formulare auf dieselbe
   Farbe und schaltet die Umrandung ab; Rot hat auf Creme 4,5:1 und auf Navy 3,9:1. */
.fusion-form-input:focus-visible,
.fusion-form-field select:focus-visible,
.fusion-form-field textarea:focus-visible,
.fusion-form-checkbox input:focus-visible + label::before,
.fusion-form-radio input:focus-visible + label::before,
.fusion-button:focus-visible,
.variations select:focus-visible,
.quantity .qty:focus-visible,
.single_add_to_cart_button:focus-visible,
.woocommerce .button:focus-visible {
	outline: 3px solid #e80000 !important;
	outline-offset: 2px !important;
}

/* Links im Fließtext und in den Zustimmungen: Creme neben Weiß war nur an der Farbe zu erkennen (1,06:1, WCAG 1.4.1). */
body .fusion-text p a:not(.fusion-button),
body .fusion-form-checkbox label a {
	text-decoration: underline !important;
	text-underline-offset: 0.15em;
}

/* Kontakt: technischer Auslöser der Bestätigung („Bestätigung öffnen“) war sichtbar; ein Klick per Skript geht weiter. */
a.fusion-button.notvisible {
	display: none !important;
}

/* Startseite, Block „FFKB Connect“: Link war Creme auf Grün (1,77:1); gemeint ist Schwarz (Klasse …-schwarz). */
body .text-link-ffkb-schwarz a,
body .text-link-ffkb-schwarz a:hover {
	color: #000;
}

/* Filmseite: schwarzer Titel auf dem abgedunkelten Standbild war kaum lesbar. Avada färbt Titel über
   --awb-text-color (Regel mit #wrapper), deshalb die Variable am zentrierten Kopfbild-Titel; der Titel im Infokasten
   (Creme, linksbündig) bleibt schwarz. */
body.single-product .fusion-title.film-titel.fusion-title-center {
	--awb-text-color: #fff !important;
}
.single-product .film-titel.fusion-title-center .fusion-title-heading {
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.75);
}

/* Kontakt am Handy: Die Infospalte ist am Desktop Creme, am Handy Navy, der Text bleibt Schwarz (1,13:1). */
.ffkb-kontakt .fusion-layout-column[style*="--awb-bg-color-small:var(--awb-color1)"] {
	--awb-bg-color-small: var(--awb-color3) !important;
	--awb-padding-left-small: 20px !important;
	--awb-padding-right-small: 20px !important;
}

/* Filmseite am Handy: Das zweite Ticketformular hatte Schwarz auf Navy (−/+) und Navy auf Schwarz (Menge), 1,13:1.
   Jetzt wie am Desktop: Knöpfe Creme auf Navy, Mengenfeld Navy auf Creme. */
.single-product .quantity .minus,
.single-product .quantity .plus {
	color: #fffbc6 !important;
	background-color: #000f3b !important;
	border-color: #000f3b !important;
}
.single-product .quantity .qty {
	color: #000f3b !important;
	background-color: #fffbc6 !important;
	border-color: #000f3b !important;
}

/* Spielzeit über dem Standbild: Text mit Button-Aussehen (Frontend\ProductPage), ohne Hover-Effekt. */
.fusion-button.ffkb-ohne-link {
	pointer-events: none;
	cursor: default;
}

/* Warenkorb im Menü: Avada blendet den Text am Desktop aus; für Screenreader bleibt er lesbar (Frontend\Accessibility). */
.awb-menu_desktop .menu-text_no-desktop.ffkb-warenkorb-text {
	display: block !important;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Kontakt: Die Zwischenüberschriften der Infospalte sind H3 statt H5 (Frontend\Accessibility), Aussehen weiter wie H5.
   Die Größe setzt Avada über die Klasse fusion-title-size-five, Schrift und Gewicht kämen sonst vom Tag. */
.ffkb-kontakt #wrapper .fusion-title-size-five h3.fusion-title-heading {
	font-family: var(--h5_typography-font-family);
	font-weight: var(--h5_typography-font-weight);
	font-style: var(--h5_typography-font-style, normal);
	line-height: var(--h5_typography-line-height);
	letter-spacing: var(--h5_typography-letter-spacing);
	text-transform: var(--h5_typography-text-transform);
}