/* Oryn Weather ONLY — restore scroll-direction header behavior, but keep the
   header and close (X) visible over the fullscreen menu. Loaded after menu-v4. */
html body.weather-site header#main-header {
  transition: transform .32s ease, opacity .32s ease !important;
}

/* Legacy shared CSS forces .hide to remain visible. Override ONLY on Weather. */
html body.weather-site:not(.menu-open) header#main-header.hide {
  transform: translate3d(0, -115%, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* The menu has priority over scroll direction, regardless of stale .hide. */
html body.weather-site.menu-open header#main-header,
html body.weather-site.menu-open header#main-header.hide {
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: none !important;
}

html body.weather-site.menu-open header#main-header #menuToggle,
html body.weather-site.menu-open header#main-header #logoLink {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* V3 ORIGINAL LOOK — only visual stacking, NO size, background, spacing or
   fullscreen menu geometry changes. Fullscreen menu remains inset:0, as before.
   The header controls are raised above the menu's opaque overlay. */
/* V5: Both controls are grid items in the unchanged header layout.
   Keep their CLOSED positioning when the menu opens. position:relative
   previously re-activated legacy top/left/right offsets (12/15px jump).
   Grid items can retain z-index without switching from position:static. */
html body.weather-site.menu-open #main-header #logoLink,
html body.weather-site.menu-open #main-header .social-icons-menu {
  position: static !important;
  inset: auto !important;
  z-index: 2147483501 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* The weather scroll handler may have left .hide on child controls; reset only
   their hidden-state opacity while the menu is actually open. */
html body.weather-site.menu-open #main-header.hide #logoLink,
html body.weather-site.menu-open #main-header.hide #menuToggle,
html body.weather-site.menu-open #main-header.hide .social-icons-menu,
html body.weather-site.menu-open #main-header.hide .logo {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Weather V4 — DO NOT create/replace the header background or border.
   The menu is still fullscreen, but its opaque paint must NOT cover the
   existing fixed header's own background and original bottom divider.
   Keep the entire menu's original position, scroll and layout untouched. */
html body.weather-site.menu-open #main-header .glass-nav #menuList.show {
  clip-path: inset(var(--oryn-fixed-header-h, 82px) 0 0 0) !important;
  -webkit-clip-path: inset(var(--oryn-fixed-header-h, 82px) 0 0 0) !important;
}

/* The legacy mobile-fix.css makes the header TRANSPARENT on menu-open.
   Revert only those old menu-open overrides to EXACTLY the closed styling
   from css/style.css, including its blur and shadow. No geometry is changed. */
html body.weather-site.menu-open #main-header {
  background: linear-gradient(180deg,
    rgba(8,8,9,.965) 0%,
    rgba(12,12,13,.93) 64%,
    rgba(15,15,16,.89) 100%) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.30),
    inset 0 -1px 0 rgba(255,255,255,.025) !important;
  backdrop-filter: blur(22px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(135%) !important;
}