/**
 * Zweiter Faktor (WP 2FA) auf der Login-Seite.
 *
 * Bewusst MINIMAL und unabhaengig vom Cockpit-Login-Skin:
 * WP 2FA rendert per login_header() ein wp-login-Dokument. Wie diese Seite
 * insgesamt aussieht, bestimmt das BuddyBoss-Theme (`bb-login bb-template-v2`)
 * - und das macht es gut. Frueher hat der Cockpit-Skin dort zusaetzlich
 * Container und Kopfzeile ueberschrieben; das ergab den leeren weissen Kasten
 * und das zerschossene Logo (Frank 18.08.2026).
 *
 * Deshalb faesst diese Datei NICHTS an, was BuddyBoss oder WordPress selbst
 * stylen. Sie kuemmert sich ausschliesslich um die drei Bausteine, die es NUR
 * im zweiten Schritt gibt und die deshalb sonst voellig ungestylt blieben.
 * Alles gescopt auf `body.wp-2fa-login` (Klasse setzt WP 2FA selbst), damit
 * die normale Anmeldung garantiert unberuehrt bleibt.
 *
 * Selektoren am echten Live-HTML abgelesen (18.08.2026), nicht geraten.
 */

/* Codefeld: mittig, gross, mit Ziffernabstand - es wird abgetippt. */
body.login.wp-2fa-login #authcode{
	display:block;width:100%;box-sizing:border-box;
	text-align:center;letter-spacing:.35em;
	font-size:22px;line-height:1.3;padding:13px 12px;
}
body.login.wp-2fa-login label[for="authcode"]{
	display:block;margin:0 0 6px;font-size:14px;
}

/* „Code erneut senden" ist die Zweithandlung. Umriss statt Vollflaeche, damit
   sie den Primaerknopf nicht verdraengt. WordPress gibt dem Knopf die Klasse
   `button`, also hier gezielt ueberschreiben. */
body.login.wp-2fa-login .wp-2fa-email-resend{
	margin:10px 0 0;text-align:center;
}
body.login.wp-2fa-login .wp-2fa-email-resend .button{
	float:none;display:block;width:100%;height:auto;
	padding:11px 18px;
	background:transparent;color:#253D54;
	border:1px solid #d9d3c6;border-radius:8px;
	font-size:14px;line-height:1.2;
	text-shadow:none;box-shadow:none;cursor:pointer;
}
body.login.wp-2fa-login .wp-2fa-email-resend .button:hover,
body.login.wp-2fa-login .wp-2fa-email-resend .button:focus{
	background:#326569;color:#fff;border-color:#326569;
}

/* Backup-Code-Link als dezenter Fussweg. */
body.login.wp-2fa-login .backup-methods{
	margin:16px 0 0;text-align:center;font-size:13.5px;
}
body.login.wp-2fa-login .backup-methods a{
	color:#326569;text-decoration:underline;text-underline-offset:3px;
}
body.login.wp-2fa-login .backup-methods a:hover{color:#253D54;}

/* Der Erklaertext steht als ROHER Text im Formular, nicht in einem <p>
   (am Live-HTML geprueft). Er laesst sich deshalb nur ueber das Formular
   selbst beruhigen - bewusst nur Zeilenhoehe und Groesse, keine Farbe,
   damit das Theme die Lesbarkeit weiter bestimmt. */
body.login.wp-2fa-login #loginform{
	font-size:14px;line-height:1.55;
}
body.login.wp-2fa-login #loginform strong{font-weight:400;}