/* LUMBOSO v1.5.3 — unified wider header + iPad/iPhone collision-proof layout */
:root{
  --lum-v153-header-max:1280px;
  --lum-v153-edge:24px;
}

/* ================================================================
   DESKTOP / MAC — same visual header everywhere, slightly wider.
   Full menu only when there is genuinely enough room for readable text.
   ================================================================ */
@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:12px!important;
  }
  body.admin-bar.lumboso-front .lum-v146-header{top:60px!important}
  body.admin-bar:not(.lumboso-front) .lum-v146-header{top:44px!important}

  body .lum-v146-header .lum-shell,
  body.lumboso-front .lum-v146-header .lum-shell{
    width:min(var(--lum-v153-header-max),calc(100% - 32px))!important;
    max-width:var(--lum-v153-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;
    height:64px!important;
    min-height:64px!important;
    padding:8px 12px 8px 16px!important;
    gap:10px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,rgba(255,251,244,.90),rgba(255,255,255,.84))!important;
    border:1px solid rgba(255,255,255,.70)!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;
  }
  body .lum-v146-header .lum-brand,
  body.lumboso-front .lum-v146-header .lum-brand{
    width:128px!important;
    min-width:128px!important;
    max-width:128px!important;
    flex:0 0 128px!important;
  }
  body .lum-v146-header .lum-brand img,
  body.lumboso-front .lum-v146-header .lum-brand img{max-height:40px!important}

  body .lum-v146-header .lum-nav,
  body .lum-v146-header .lum-v11-nav,
  body.lumboso-front .lum-v146-header .lum-nav,
  body.lumboso-front .lum-v146-header .lum-v11-nav{
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(5px,.55vw,9px)!important;
    overflow:visible!important;
  }
  body .lum-v146-header .lum-nav a,
  body.lumboso-front .lum-v146-header .lum-nav a{
    display:block!important;
    flex:0 0 auto!important;
    padding:22px 0!important;
    font-size:clamp(9.2px,.72vw,10.8px)!important;
    line-height:1!important;
    font-weight:500!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
  }
  body .lum-v146-header .lum-header-tools,
  body.lumboso-front .lum-v146-header .lum-header-tools{
    display:flex!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    gap:5px!important;
    margin-left:auto!important;
  }
  body .lum-v146-header .lum-v11-tool,
  body .lum-v146-header .lum-lang-current{
    width:32px!important;height:32px!important;min-width:32px!important;
  }
  body .lum-v146-header .lum-v11-user{
    width:37px!important;height:37px!important;min-width:37px!important;max-width:37px!important;
    min-height:37px!important;max-height:37px!important;flex:0 0 37px!important;
  }
  body .lum-v146-header .lum-header-cta{
    height:35px!important;
    padding:0 14px!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }
  body .lum-v146-menu-toggle,
  body .lum-v146-mobile-account{display:none!important}
}

/* ================================================================
   iPAD / SMALL MAC — deliberately use app header, not squeezed desktop nav.
   This is what prevents overlapping text on iPad landscape/portrait.
   ================================================================ */
@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:auto!important;
    right:auto!important;
    width:100%!important;
    z-index:1100!important;
    padding:max(8px,env(safe-area-inset-top)) 0 8px!important;
    background:transparent!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% - 16px)!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{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    padding:0!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,rgba(255,251,245,.985),rgba(247,240,230,.975))!important;
    border:1px solid rgba(173,129,60,.11)!important;
    box-shadow:0 12px 32px rgba(43,32,20,.08)!important;
    -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
    backdrop-filter:blur(24px) saturate(150%)!important;
  }
  body .lum-v146-header .lum-nav,
  body .lum-v146-header .lum-v11-nav{display:none!important}

  body .lum-v146-header .lum-brand{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    z-index:2!important;
  }
  body .lum-v146-header .lum-brand img{max-height:45px!important}
  body .lum-v146-header .lum-header-tools{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
  }
  body .lum-v146-header .lum-v11-tool,
  body .lum-v146-header .lum-language-menu,
  body .lum-v146-header .lum-header-cta{display:none!important}

  body .lum-v146-menu-toggle{
    display:flex!important;
    position:absolute!important;
    left:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;
    min-height:42px!important;max-height:42px!important;
    border:1px solid rgba(179,125,50,.19)!important;
    border-radius:50%!important;
    background:rgba(255,253,249,.92)!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    color:#b37d32!important;
    z-index:5!important;
  }
  body .lum-v146-menu-toggle span{position:static!important;display:block!important;margin:0!important;background:currentColor!important;border:0!important;border-radius:999px!important;transform:none!important}
  body .lum-v146-menu-toggle span:first-child{width:17px!important;height:1.5px!important}
  body .lum-v146-menu-toggle span:last-child{width:12px!important;height:1.5px!important}

  body .lum-v146-header .lum-v11-user,
  body .lum-v146-mobile-account{
    display:grid!important;
    position:absolute!important;
    right:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;
    min-height:42px!important;max-height:42px!important;
    place-items:center!important;
    border-radius:50%!important;
    z-index:5!important;
  }
  body .lum-v146-header .lum-v11-avatar{
    width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;
  }

  /* Home hero on iPad: left block up, right group down, as marked in red. */
  body.lumboso-front .lum-v11-hero-copy{
    transform:translateY(-42px)!important;
  }
  body.lumboso-front .lum-v11-hero-script{
    display:block!important;
    top:22%!important;
    right:3.2%!important;
    width:min(370px,38vw)!important;
    font-size:clamp(23px,3vw,31px)!important;
    line-height:1.06!important;
    text-align:right!important;
  }
  body.lumboso-front .lum-v136-live-panel{
    left:auto!important;
    right:3.2%!important;
    top:39%!important;
    bottom:auto!important;
    width:235px!important;
  }
  body.lumboso-front .lum-v136-location-pill{
    right:3.2%!important;
    bottom:150px!important;
  }
}

/* ================================================================
   iPHONE — same header language, scaled down, still floating/rounded.
   ================================================================ */
@media(max-width:700px){
  body .lum-v146-header,
  body.lumboso-front .lum-v146-header{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    z-index:1100!important;
    padding:max(6px,env(safe-area-inset-top)) 0 6px!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% - 12px)!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{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:60px!important;
    min-height:60px!important;
    padding:0!important;
    border:1px solid rgba(173,129,60,.11)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(255,251,245,.985),rgba(247,240,230,.985))!important;
    box-shadow:0 8px 24px rgba(43,32,20,.07)!important;
  }
  body .lum-v146-header .lum-brand{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
  }
  body .lum-v146-header .lum-brand img{max-height:39px!important}
  body .lum-v146-menu-toggle{
    display:flex!important;
    left:11px!important;
    width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;
    min-height:38px!important;max-height:38px!important;
  }
  body .lum-v146-header .lum-v11-user,
  body .lum-v146-mobile-account{
    display:grid!important;
    right:11px!important;
    width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;
    min-height:38px!important;max-height:38px!important;
  }
  body .lum-v146-header .lum-nav,
  body .lum-v146-header .lum-v11-nav,
  body .lum-v146-header .lum-v11-tool,
  body .lum-v146-header .lum-language-menu,
  body .lum-v146-header .lum-header-cta{display:none!important}
}

/* Landscape phones: preserve safe areas and never let controls touch the notch. */
@media(max-width:900px) and (orientation:landscape){
  body .lum-v146-header .lum-shell,
  body.lumboso-front .lum-v146-header .lum-shell{
    width:calc(100% - max(20px,env(safe-area-inset-left) + env(safe-area-inset-right)))!important;
  }
}