/* Rollrasen Kahl Morgentau – Ergänzungen für WordPress (gehören nicht zum Entwurf): Adminleiste, Suche im Kopf und
   Teile anderer Plugins aus wp_footer, die sonst nur das Theme-CSS versteckt. */

/* ---------- Adminleiste (nur für angemeldete Administratoren sichtbar) ---------- */
body.admin-bar .kopf { top: 32px; }
body.admin-bar .handymenue { top: 32px; }
html:has(> body.admin-bar) { scroll-padding-top: calc(var(--kopf-h) + 48px); }
@media screen and (max-width: 782px) {
  body.admin-bar .kopf { top: 46px; }
  body.admin-bar .handymenue { top: 46px; }
  html:has(> body.admin-bar) { scroll-padding-top: calc(var(--kopf-h) + 62px); }
}
@media screen and (max-width: 600px) {
  /* Die Adminleiste scrollt hier mit der Seite weg; der Kopf klebt dann ganz oben */
  body.admin-bar .kopf { top: 0; }
  html:has(> body.admin-bar) { scroll-padding-top: calc(var(--kopf-h) + 16px); }
}

/* ---------- Teile aus wp_footer, die das Theme sonst versteckt (Flatsome-Menü und Anmeldefenster, Commerce-UI-
   Mini-Warenkorb, Fotobewertungen); das Morgentau-Design hat dafür eigene Bausteine ---------- */
.rkm-morgentau .mfp-hide,
.rkm-morgentau #main-menu.mobile-sidebar,
.rkm-morgentau #login-form-popup,
.rkm-morgentau .ux-body-overlay,
.rkm-morgentau #top-link,
.rkm-morgentau .rk-mini-cart-surface,
.rkm-morgentau .shortcode-wcpr-modal-light-box,
.rkm-morgentau .pafe-break-point { display: none !important; }

/* ---------- Suche im Kopf (ab 1100 px): Blatt wie der Mini-Warenkorb, unter dem Such-Symbol ---------- */
.rkm-suche[hidden] { display: none !important; }
.rkm-suche__form { gap: 14px; }
@media (min-width: 900px) {
  .rkm-suche.auswahlblatt { position: fixed; top: var(--rs-oben, 88px); right: var(--rs-rechts, 24px); left: auto; bottom: auto; width: 360px; }
  .rkm-suche.auswahlblatt::before {
    content: ""; position: absolute; top: -7px; right: var(--rs-pfeil, 16px); width: 14px; height: 14px; transform: rotate(45deg);
    border-top: 1px solid var(--linie); border-left: 1px solid var(--linie); background: var(--karte);
  }
}

/* ---------- Fuß: schneidet ab wie bisher, lässt sich aber nicht mehr intern verschieben (overflow: hidden ist ein
   Scroll-Container; ein Fokus- oder Sprungziel ganz unten konnte den Inhalt nach oben schieben) ---------- */
@supports (overflow: clip) { .rkm-morgentau .fuss { overflow: clip; } }

/* ---------- „Zum Rasen dazulegen“ während WooCommerce den Artikel in den Warenkorb legt ---------- */
.btn[aria-busy="true"] { pointer-events: none; opacity: .8; }

/* ---------- Fokusrahmen auf dunklen Flächen und Fotos hell: Der Entwurf färbt ihn nur in .dunkel und .auf-foto um.
   Leiste, Kopf mit Großmenüs, Handy-Menü, Hero, Sortenfotos, Kaufleiste, Fuß, Hinweis, Lupe-Fenster und das
   Widerrufs-Popup liegen ebenfalls auf Nacht oder Foto; dort hatte Tannengrün nur 1,5–2:1 (WCAG 2.4.7 und 1.4.11
   verlangen 3:1 – auch für „Vertrag widerrufen“, § 356a BGB). Geprüft mit tests/fokus_wp.py. ---------- */
.rkm-morgentau .skip:focus-visible,
.rkm-morgentau :is(.leiste, .kopf, .handymenue, .hero, .sorte__bild, .kaufleiste, .fuss, .hinweis, .dialog, .elementor-popup-modal) :focus-visible,
.rkm-morgentau :is(.dunkel, .auf-foto, .hero, .kopf, .handymenue) :is(.segment, .schalter) input:focus-visible + span {
  outline-color: var(--hellgruen);
}
/* Felder im Widerrufs-Popup (Elementor) zeigen den Fokus sonst nur mit einem Schatten von 10 % Deckkraft */
.rkm-morgentau .elementor-popup-modal .elementor-field-group .elementor-field:focus-visible {
  outline: 3px solid var(--hellgruen); outline-offset: 2px;
}
/* Handy: Tastatur-Fokus nicht hinter der Kaufleiste verstecken (WCAG 2.4.11); kahl.js setzt --hinweis-abstand auf
   76px, solange die Leiste zu sehen ist */
html:has(> body.rkm-morgentau) { scroll-padding-bottom: calc(var(--hinweis-abstand, 0px) + 8px); }
/* Die Kaufleiste ist am Seitenanfang und -ende nur nach unten weggeschoben; wer mit Tab hineinkommt, sieht sie */
.rkm-morgentau .kaufleiste:focus-within { transform: none; }

/* „Bewegung pausieren“ hält nur die Dauerbewegung an (Lichtzug der Startseite). Einblendungen mit Füllmodus (Blätter
   wie Suche und Mini-Warenkorb, Karten) liefen sonst nie an und blieben unsichtbar im ersten Bild stehen (Befund Welle 2,
   18.10.2026; gehört auch in morgentau.css des Entwurfs). */
html.bewegung-aus *, html.bewegung-aus *::before, html.bewegung-aus *::after { animation-play-state: running !important; }
html.bewegung-aus .lichtzug { animation-play-state: paused !important; }

/* Netz: Blätter und Fenster lassen sich nie seitlich verschieben – wird eine Scrollfläche senkrecht scrollbar, wäre sie
   es sonst auch waagerecht, sobald ein Inhalt eine Spur zu breit ist (Davids Fund 19.10.2026: „darf nirgendwo auf der
   Seite sein“). Gilt für Handy-Menü, Auswahlblätter (Suche, Filter, Mini-Warenkorb), Cookie-Hinweis und -Einstellungen. */
.rkm-morgentau :is(.handymenue__inhalt, .auswahlblatt__inhalt, .cookie-hinweis, .cookie-dialog__inhalt),
.rkm-morgentau #cmplz-cookiebanner-container .cmplz-cookiebanner { overflow-x: hidden; }

/* Wächter für die Prüfwerkzeuge: Datei vollständig geladen */
:root { --ende-wp: 1; }