/* LUMBOSO v1.5.1 — exact hero offsets from approved red-line markup + avatar geometry */

/* ========================================================================
   HEADER — identical desktop position on every page + exact avatar centring
   ======================================================================== */
@media(min-width:1181px){
  body .lum-v146-header,
  body.lumboso-front .lum-v146-header{
    position:absolute!important;
    top:50px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:1100!important;
  }
  body.admin-bar .lum-v146-header,
  body.admin-bar.lumboso-front .lum-v146-header{
    top:82px!important;
  }

  /* Keep the exact same 1180px guide on every page. */
  body .lum-v146-header .lum-shell,
  body.lumboso-front .lum-v146-header .lum-shell{
    width:min(1180px,calc(100% - 64px))!important;
    max-width:1180px!important;
    margin-inline:auto!important;
  }
}

/* Header avatar: one centred ring, one centred image — no competing borders. */
body .lum-v146-header .lum-v11-user{
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  padding:2px!important;
  border:1.5px solid rgba(173,129,60,.58)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;
  overflow:visible!important;
}
body .lum-v146-header .lum-v11-avatar{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:50%!important;
  clip-path:circle(50% at 50% 50%)!important;
  object-fit:cover!important;
  object-position:center!important;
}
body .lum-v146-header .lum-v11-online{
  right:-2px!important;
  bottom:-1px!important;
}

/* Drawer avatar uses the exact same geometry. */
body .lum-v146-profile-avatar:not(.lum-v146-profile-avatar--guest){
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  padding:2px!important;
  border:1.5px solid rgba(173,129,60,.48)!important;
  border-radius:50%!important;
  background:#fff!important;
  overflow:visible!important;
}
body .lum-v146-profile-avatar:not(.lum-v146-profile-avatar--guest) img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:50%!important;
  clip-path:circle(50% at 50% 50%)!important;
  object-fit:cover!important;
  object-position:center!important;
}
body .lum-v146-profile-avatar i{
  right:-1px!important;
  bottom:-1px!important;
}

/* ========================================================================
   DESKTOP HOME HERO — follow the user's marked offsets literally
   ======================================================================== */
@media(min-width:1181px){
  /* Left block exactly 150px higher than v1.5.0. */
  body.lumboso-front .lum-v11-hero-copy{
    transform:translateY(-150px)!important;
  }

  /* Script and live panel slightly lower, still ending on the same right guide. */
  body.lumboso-front .lum-v11-hero-script{
    right:0!important;
    top:calc(16.5% + 24px)!important;
    text-align:right!important;
  }
  body.lumboso-front .lum-v136-live-panel{
    left:auto!important;
    right:0!important;
    top:calc(31.5% + 24px)!important;
    bottom:auto!important;
  }

  /* Lower-right location: larger, slightly lower, exact same right edge. */
  body.lumboso-front .lum-v136-location-pill{
    left:auto!important;
    right:0!important;
    bottom:128px!important;
    transform:none!important;
    gap:7px!important;
  }
  body.lumboso-front .lum-v136-location-pill svg{
    width:15px!important;
    height:15px!important;
  }
  body.lumboso-front .lum-v136-location-pill span{
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:600!important;
  }
}

/* ========================================================================
   IPHONE — copy up; weather exactly 150px lower than v1.5.0 and centred
   ======================================================================== */
@media(max-width:700px){
  body.lumboso-front .lum-v11-hero-inner{
    padding-top:60px!important;
  }
  body.lumboso-front .lum-v11-hero-copy{
    transform:none!important;
    margin:0!important;
  }

  /* v1.5.0 used bottom:558px. 408px is exactly 150px lower. */
  body.lumboso-front .lum-v136-live-panel{
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:408px!important;
    transform:translateX(-50%)!important;
    margin:0!important;
  }
}

@media(max-width:390px){
  body.lumboso-front .lum-v11-hero-inner{
    padding-top:55px!important;
  }
  /* v1.5.0 narrow-iPhone value 580px -> exactly 150px lower. */
  body.lumboso-front .lum-v136-live-panel{
    bottom:430px!important;
  }
}