/* ASARI switches to mobile below 768px. Narrow selectors override child styles. */
#header .mobile-part[data-ronovia-menu="ready"] #navigation-mobile-container[hidden] { display: none !important; }
@media (max-width: 767px) {
  #main { padding-top:68px !important; }
  body.admin-bar #header .mobile-part[data-ronovia-menu="ready"] { top: 46px !important; }
  body.admin-bar #wpadminbar { position: fixed !important; }
  body.admin-bar #header .mobile-part[data-ronovia-menu="ready"] #navigation-mobile-container:not([hidden]) { max-height: calc(100dvh - 176px); }
  #header .mobile-part[data-ronovia-menu="ready"] {
    display: flex !important; align-items: center; justify-content: space-between;
    background: #fff !important; pointer-events: auto;
  }
  #header .mobile-part[data-ronovia-menu="ready"] .brand { position: relative; z-index: 2; }
  #header .mobile-part[data-ronovia-menu="ready"] .brand img { max-width: min(65vw, 240px); height: auto; object-fit: contain; }
  #header .mobile-part #ronovia-mobile-menu-button {
    flex: 0 0 48px; width: 48px; height: 48px; margin: 10px 16px;
    border: 1px solid #d04929; border-radius: 4px; background: #fff; color: #d04929;
    padding: 10px; cursor: pointer; position: relative; z-index: 2;
  }
  #header .mobile-part #ronovia-mobile-menu-button span { display: block; width: 26px; height: 2px; margin: 5px 0; background: currentColor; }
  #header .mobile-part #ronovia-mobile-menu-button[aria-expanded="true"] span:first-child { transform: translateY(7px) rotate(45deg); }
  #header .mobile-part #ronovia-mobile-menu-button[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  #header .mobile-part #ronovia-mobile-menu-button[aria-expanded="true"] span:last-child { transform: translateY(-7px) rotate(-45deg); }
  #header .mobile-part[data-ronovia-menu="ready"] #navigation-mobile-container:not([hidden]) {
    display: block !important; position: absolute !important; top: 100% !important; left: 0;
    box-sizing: border-box; width: 100%; height: auto !important; max-height: calc(100dvh - 130px);
    padding: 16px 20px 24px !important; overflow-y: auto; background: #fff; color: #222;
    border-top: 1px solid #eee; box-shadow: 0 8px 16px #00000014; z-index: 1;
  }
  #header .mobile-part[data-ronovia-menu="ready"] #navigation-mobile-container a { color: #222; }
  #header .mobile-part[data-ronovia-menu="ready"] #navigation-mobile-container a:hover { color: #d04929; }
  #header .mobile-part[data-ronovia-menu="ready"] :is(button, a):focus-visible { outline: 3px solid #d04929; outline-offset: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  #header .mobile-part[data-ronovia-menu="ready"], #header .mobile-part #ronovia-mobile-menu-button span { transition: none !important; animation: none !important; }
}