/*
 * ROK Bedienung v1.0 (Paket 2b Teil B)
 * Nur Bedienbarkeit: Schrift und Farben der bestehenden Elemente bleiben wie live.
 * Farben ausschließlich aus den Token der Stilvorlage (mit Rückfallwert, falls sie aus ist)
 * oder aus der Textfarbe des Elements selbst.
 */

/* 1 · Mobiles Menü ----------------------------------------------------------------------------
   Der Schließen-Knopf im Drawer ist im Zusatz-CSS ausgeblendet („Burger-Morph übernimmt“). Der
   Burger liegt aber hinter dem Dialog. Tastatur und Screenreader bekommen deshalb den Knopf im
   Dialog zurück: fokussierbar, unsichtbar, bis er per Tastatur den Fokus hat. */
/* Astra gibt jedem button 16px 30px Innenabstand; der 40-px-Kreis aus dem Zusatz-CSS braucht 0. */
body.rok-drawer-open #rok-mobile-drawer #rok-drawer-close{display:flex!important;padding:0!important}
body.rok-drawer-open #rok-mobile-drawer #rok-drawer-close:not(:focus-visible){
  clip-path:inset(50%);
  width:1px!important;height:1px!important;overflow:hidden;
}
/* Fokusring im dunklen Drawer in Gold, wie in der Fußzeile der Stilvorlage */
#rok-mobile-drawer :focus-visible{outline-color:var(--rok-gold,#C9952A)!important}

/* 2 · Formulare ------------------------------------------------------------------------------
   Platzhalter vorher: Browser-Grau #757575 auf #FAFAFA 4,4:1, Themenauswahl (Choices.js) #2C3338
   mit 50 % Deckkraft 2,9:1. Jetzt beide in Navy aus der Stilvorlage mit 75 % Deckkraft, rund 5:1.
   Keine neue Farbe; die Deckkraft hält den Platzhalter vom eingegebenen Text unterscheidbar. */
.wpforms-form input::placeholder,
.wpforms-form textarea::placeholder,
.wpforms-form .choices__list--single .choices__placeholder{color:var(--rok-navy,#2C3E50)!important;opacity:.75!important}

/* 3 · Zielgröße ≥ 24 px ----------------------------------------------------------------------
   Kontaktseite DE (10) und RU (20): Telefon- und Mail-Links der Kacheln waren 15 bis 23 px hoch.
   Footer: die neu verlinkten Zeilen Telefon und E-Mail. Zeilenhöhe und Schrift bleiben. */
body:is(.page-id-10,.page-id-20) #content a:is([href^="tel:"],[href^="mailto:"]),
.site-footer a.rok-footer-kontakt{
  min-height:24px;
}
body:is(.page-id-10,.page-id-20) #content a:is([href^="tel:"],[href^="mailto:"]):not([style*="display:flex"]):not([style*="display: flex"]),
.site-footer a.rok-footer-kontakt{
  display:inline-flex;align-items:center;
}