/* LUMBOSO v1.5.6 — remove home top gap + align header/hero to content guide */

/*
 * The Popular Destinations cards already use the theme's main .lum-shell guide.
 * v1.5.6 makes the floating header and the hero copy use that exact same guide,
 * instead of the almost edge-to-edge tablet header introduced in v1.5.4/1.5.5.
 */

@media (min-width:701px){
  /* Same guide as the normal .lum-shell / Popular Destinations section. */
  body .lum-v146-header .lum-shell,
  body.lumboso-front .lum-v146-header .lum-shell,
  body.lumboso-front .lum-v11-hero-inner{
    width:min(1240px,calc(100% - 44px))!important;
    max-width:1240px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Hero copy starts on the exact same left line as Popular Destinations. */
  body.lumboso-front .lum-v11-hero-inner{
    padding-left:0!important;
    padding-right:0!important;
  }
  body.lumboso-front .lum-v11-hero-copy{
    margin-left:0!important;
    padding-left:0!important;
  }

  /* Right-side hero elements finish on the exact same right line. */
  body.lumboso-front .lum-v11-hero-script,
  body.lumboso-front .lum-v136-live-panel,
  body.lumboso-front .lum-v136-location-pill{
    left:auto!important;
    right:0!important;
  }

  /* Clear the v1.5.5 header translation. */
  body .lum-v146-header,
  body.lumboso-front .lum-v146-header{
    transform:none!important;
  }
}

/* On large screens Popular Destinations uses the wider 1320px content guide. */
@media (min-width:1360px){
  body .lum-v146-header .lum-shell,
  body.lumboso-front .lum-v146-header .lum-shell,
  body.lumboso-front .lum-v11-hero-inner{
    width:min(1320px,calc(100% - 76px))!important;
    max-width:1320px!important;
  }
}

/*
 * HOME / TABLET
 * The previous sticky + translateY combination kept the header's original space
 * in the document and produced the white strip above the hero. Make the home
 * header an overlay again so the hero image starts immediately under the WP bar.
 */
@media (min-width:701px) and (max-width:1279px){
  body.lumboso-front .lum-v146-header{
    position:absolute!important;
    top:32px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Logged-in WordPress admin bar already offsets the document; don't add a second gap. */
  body.admin-bar.lumboso-front .lum-v146-header{
    top:32px!important;
  }

  /* Other pages keep the same header shape/width but without the old 42px drop. */
  body:not(.lumboso-front) .lum-v146-header{
    transform:none!important;
    top:0!important;
  }
}

/* Desktop: lift the floating header slightly (about 10px) from v1.5.4. */
@media (min-width:1280px){
  body.lumboso-front .lum-v146-header{
    top:18px!important;
  }
  body.admin-bar.lumboso-front .lum-v146-header{
    top:50px!important;
  }
  body:not(.lumboso-front) .lum-v146-header{
    top:18px!important;
  }
  body.admin-bar:not(.lumboso-front) .lum-v146-header{
    top:50px!important;
  }
}

/* Remove only genuinely empty home-top advertising shells if a plugin outputs one. */
body.lumboso-front > .lum-ad--home_top:empty{
  display:none!important;
  margin:0!important;
  border:0!important;
  min-height:0!important;
}

/* iPhone keeps its compact safe-area layout. */
@media (max-width:700px){
  body .lum-v146-header,
  body.lumboso-front .lum-v146-header{
    transform:none!important;
  }
}