/* Löwa Betriebszentrale 2.5.3 – nur Mobilansicht.
 * Offenes Burger-Menü hat Vorrang vor dem gelben Saisonbanner und der
 * gelben seitlichen Fahrtenlasche. Kein plötzliches Ausblenden der Lasche:
 * sie gleitet vollständig nach rechts und bei Menüschluss zurück.
 */
@media (max-width: 900px) {
  body.loewa-mobile-menu-expanded .loewa-v24-season-banner {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .18s ease, visibility 0s linear .18s !important;
  }

  body.loewa-mobile-menu-expanded .loewa-booked,
  body.loewa-mobile-menu-expanded .loewa-booked.is-open {
    transform: translate3d(calc(100% + 76px), 0, 0) !important;
    transition: transform .42s cubic-bezier(.22,.78,.24,1) !important;
    pointer-events: none !important;
  }

  body.loewa-mobile-menu-expanded .loewa-booked .loewa-booked-toggle {
    animation: none !important;
  }

  /* Falls das Theme aria-expanded setzt, wirkt der Schutz sofort – auch
     vor dem Laden des JavaScripts oder ohne vorhandene Fahrtenlasche. */
  body:has(header .menu-toggle[aria-expanded="true"]) .loewa-v24-season-banner,
  body:has(header .nav-toggle[aria-expanded="true"]) .loewa-v24-season-banner,
  body:has(header .mobile-menu-toggle[aria-expanded="true"]) .loewa-v24-season-banner,
  body:has(header .hamburger[aria-expanded="true"]) .loewa-v24-season-banner,
  body:has(header .burger[aria-expanded="true"]) .loewa-v24-season-banner,
  body:has(header [aria-label*="Menü" i][aria-expanded="true"]) .loewa-v24-season-banner,
  body:has(header [aria-label*="menu" i][aria-expanded="true"]) .loewa-v24-season-banner {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body:has(header .menu-toggle[aria-expanded="true"]) .loewa-booked,
  body:has(header .nav-toggle[aria-expanded="true"]) .loewa-booked,
  body:has(header .mobile-menu-toggle[aria-expanded="true"]) .loewa-booked,
  body:has(header .hamburger[aria-expanded="true"]) .loewa-booked,
  body:has(header .burger[aria-expanded="true"]) .loewa-booked,
  body:has(header [aria-label*="Menü" i][aria-expanded="true"]) .loewa-booked,
  body:has(header [aria-label*="menu" i][aria-expanded="true"]) .loewa-booked {
    transform: translate3d(calc(100% + 76px), 0, 0) !important;
    transition: transform .42s cubic-bezier(.22,.78,.24,1) !important;
    pointer-events: none !important;
  }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  body.loewa-mobile-menu-expanded .loewa-booked,
  body.loewa-mobile-menu-expanded .loewa-booked.is-open {
    transition: none !important;
  }
  body.loewa-mobile-menu-expanded .loewa-v24-season-banner {
    transition: none !important;
  }
}