/* LUMBOSO v1.5.4 — unified wider header + red-line hero alignment + Apple responsive pass */
:root{
  --lum-v154-header-max:1360px;
  --lum-v154-desktop-edge:18px;
  --lum-v154-tablet-edge:5px;
  --lum-v154-phone-edge:4px;
}

/* ======================================================================
   ONE HEADER LANGUAGE ON EVERY PAGE
   Same floating glass shape, spacing and width as the home page.
   ====================================================================== */
@media(min-width:1280px){
  body .lum-v146-header,
  body.lumboso-front .lum-v146-header{
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:1100!important;
  }
  body.lumboso-front .lum-v146-header{
    position:absolute!important;
    top:28px!important;
  }
  body:not(.lumboso-front) .lum-v146-header{
    position:sticky!important;
    top:28px!important;
  }
  body.admin-bar.lumboso-front .lum-v146-header{top:60px!important}
  body.admin-bar:not(.lumboso-front) .lum-v146-header{top:60px!important}

  body .lum-v146-header .lum-shell,
  body.lumboso-front .lum-v146-header .lum-shell{
    width:min(var(--lum-v154-header-max),calc(100% - (var(--lum-v154-desktop-edge) * 2)))!important;
    max-width:var(--lum-v154-header-max)!important;
    margin-inline:auto!important;
  }
  body .lum-v146-header .lum-header-inner,
  body.lumboso-front .lum-v146-header .lum-header-inner{
    width:100%!important;
    min-height:66px!important;
    height:66px!important;
    padding:8px 13px 8px 17px!important;
    gap:10px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,rgba(255,251,244,.91),rgba(255,255,255,.85))!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 16px 48px rgba(25,24,20,.09)!important;
    -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
    backdrop-filter:blur(24px) saturate(150%)!important;
  }
}

/* ======================================================================
   iPAD / TABLET — same header, almost edge-to-edge, never squeezed.
   Red-line correction: left hero up; complete right hero group down.
   ====================================================================== */
@media(min-width:701px) and (max-width:1279px){
  body .lum-v146-header,
  body.lumboso-front .lum-v146-header{
    position:sticky!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:1100!important;
    padding:max(7px,env(safe-area-inset-top)) 0 7px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.admin-bar .lum-v146-header{top:32px!important}

  body .lum-v146-header .lum-shell,
  body.lumboso-front .lum-v146-header .lum-shell{
    width:calc(100% - (var(--lum-v154-tablet-edge) * 2))!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
  body .lum-v146-header .lum-header-inner,
  body.lumboso-front .lum-v146-header .lum-header-inner{
    width:100%!important;
    height:76px!important;
    min-height:76px!important;
    border-radius:29px!important;
  }

  /* User's red-line positioning on the first-page hero. */
  body.lumboso-front .lum-v11-hero-copy{
    transform:translateY(-66px)!important;
  }
  body.lumboso-front .lum-v11-hero-script{
    transform:translateY(28px)!important;
  }
  body.lumboso-front .lum-v136-live-panel{
    transform:translateY(28px)!important;
  }
  body.lumboso-front .lum-v136-location-pill{
    bottom:130px!important;
  }
}

/* ======================================================================
   iPHONE — same floating header scaled to phone/safe-area dimensions.
   ====================================================================== */
@media(max-width:700px){
  body .lum-v146-header,
  body.lumboso-front .lum-v146-header{
    position:sticky!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:1100!important;
    padding:max(5px,env(safe-area-inset-top)) 0 5px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body .lum-v146-header .lum-shell,
  body.lumboso-front .lum-v146-header .lum-shell{
    width:calc(100% - (var(--lum-v154-phone-edge) * 2))!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
  body .lum-v146-header .lum-header-inner,
  body.lumboso-front .lum-v146-header .lum-header-inner{
    width:100%!important;
    height:60px!important;
    min-height:60px!important;
    border-radius:22px!important;
  }

  /* Keep controls away from iPhone cut-outs while preserving symmetry. */
  body .lum-v146-menu-toggle{
    left:max(11px,env(safe-area-inset-left))!important;
  }
  body .lum-v146-header .lum-v11-user,
  body .lum-v146-mobile-account{
    right:max(11px,env(safe-area-inset-right))!important;
  }
}

/* iPad/iPhone landscape: use both safe-area insets, never overlap controls. */
@media(max-width:1279px) and (orientation:landscape){
  body .lum-v146-header .lum-shell,
  body.lumboso-front .lum-v146-header .lum-shell{
    width:calc(100% - max(10px,env(safe-area-inset-left) + env(safe-area-inset-right)))!important;
  }
}