/* IlluminateHomepageStickyHeader.v1 — homepage sticky broken by header--transparent
 * Root cause: bundled theme sets .header--sticky{position:sticky} then
 * .header--transparent{position:absolute}, and homepage ships BOTH classes.
 * Inner pages omit transparent → sticky works. Tip restores sticky when both.
 * Keep Illuminate frosted transparent chrome; pull hero up under header via
 * negative margin so absolute→sticky does not leave a dead band.
 */
@layer legacy {
  [data-website-id="web_85b8192b-d816-469f-a4a6-be3227ba3985"] .header.header--sticky.header--transparent,
  .theme-preview .header.header--sticky.header--transparent {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: 50 !important;
    /* approximate header height — overlays hero like absolute did */
    margin-bottom: -4.75rem !important;
  }

  /* When scrolled solidify slightly for readable nav over light sections */
  [data-website-id="web_85b8192b-d816-469f-a4a6-be3227ba3985"] .header.header--sticky.header--transparent.is-scrolled,
  .theme-preview .header.header--sticky.header--transparent.is-scrolled {
    background-color: rgba(1, 6, 21, 0.92) !important;
    backdrop-filter: blur(14px) saturate(132%) !important;
    border-bottom-color: rgba(145, 238, 230, 0.16) !important;
    box-shadow: 0 10px 34px rgba(1, 6, 21, 0.22) !important;
  }
}