/**
 * Dr. Web – Newsletter-Formulare: zentrale A11y-/Layout-Fixes
 * ===========================================================
 * Gilt für ALLE Newsletter-Formular-Varianten im Theme (Klassenpräfixe
 * `drw-nl-`, `nl-` sowie die kompakten Sonderformen). So müssen die einzelnen
 * Templates diese Regeln nicht mehr jeweils selbst mitbringen.
 *
 * 1) Checkbox fokussierbar: Der custom-gestylte Consent-Haken versteckte die
 *    echte Checkbox mit `display:none` → sie war per Tastatur NICHT erreichbar
 *    (wurde beim Tabben übersprungen). Hier: sichtbar verborgen, aber im
 *    Tab-Fluss, mit sichtbarem Fokus-Ring auf der optischen Box.
 * 2) Tab-Reihenfolge E-Mail → Datenschutz → Anmelden: Im Markup wird der
 *    Consent-Block zwischen Input und Button gezogen; damit die Optik (Input +
 *    Button in einer Zeile, Consent darunter) erhalten bleibt, ordnet
 *    flex-wrap + order die Elemente visuell wieder korrekt an.
 */

/* Checkbox: unsichtbar, aber fokussierbar (überschreibt das display:none der Templates) */
.drw-nl-optin-check,
.nl-optin-check,
.drw-lead-bar-optin-check,
.drw-sb-nl-optin-check {
	position: absolute !important;
	display: inline-block !important;
	width: 1px;
	height: 1px;
	opacity: 0;
	margin: 0;
	pointer-events: none;
}

/* Sichtbarer Fokus-Ring auf der optischen Box, wenn die Checkbox fokussiert ist */
.drw-nl-optin-check:focus-visible + .drw-nl-optin-box,
.nl-optin-check:focus-visible + .nl-optin-box,
.drw-lead-bar-optin-check:focus-visible + .drw-lead-bar-optin-box,
.drw-sb-nl-optin-check:focus-visible + .drw-sb-nl-optin-box {
	outline: 2px solid #5ac358;
	outline-offset: 2px;
}

/* Layout-Reihenfolge: Input (1) + Button (2) in Zeile 1, Consent (3) volle Breite darunter */
.drw-nl-form,
.nl-form {
	flex-wrap: wrap;
}
.drw-nl-input,
.nl-input {
	order: 1;
}
.drw-nl-submit,
.nl-submit {
	order: 2;
}
.drw-nl-optin,
.nl-optin {
	order: 3;
	flex-basis: 100%;
}

/* Abstand um das Turnstile-Widget (linksbündig im Theme, zentriert im
   Vergleichs-Block .drw-art-nl, damit es zur mittig gesetzten CTA passt). */
.drw-nl-captcha {
	margin: .35rem 0 .85rem;
}