/* =========================================================
   LB FIXES (plugin) — minimal + safe
   v2: aligns with template vars: --lb-header-offset / --lb-header-gap
   ========================================================= */

/* Mobile: fixed header padding using --lbHeaderH (set by JS) */
@media (max-width: 768px){
  body{
    padding-top: calc(var(--lbHeaderH, 0px) + 8px) !important;
  }
}

/* Location: push the top slider below fixed header (supports both var styles) */
body.lb-location-template .lb-container.lb-slider-wrap{
  margin-top: calc(
    var(--lb-header-offset, var(--lbHeaderOffset, 0px))
    + var(--lb-header-gap, var(--lbHeaderGap, 24px))
  ) !important;
}

/* Location: mobile “tinder” deck base styles (only used if JS builds it) */
@media (max-width: 1000px){
  .lb-tinder-wrap{ width:100%; margin:0 !important; padding:0 !important; }
  .lb-tinder-stage{
    position:relative;
    width:100%;
    height:min(78vw, 420px);
    max-height:420px;
    overflow:hidden;
    touch-action: pan-y;
    margin:0 !important;
  }
  .lb-tinder-card{
    position:absolute;
    inset:0;
    overflow:hidden;
    will-change: transform;
    transform: translate3d(0,0,0);
    transition: transform 180ms ease, opacity 180ms ease;
    box-shadow: 0 18px 45px rgba(0,0,0,.18);
    background:#000;
    margin:0 !important;
  }
  .lb-tinder-card img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }
  .lb-tinder-dots{
    display:flex;
    gap:6px;
    justify-content:center;
    margin:10px 0 0 !important;
    padding:0 18px !important;
  }
  .lb-tinder-dot{
    width:6px;height:6px;border-radius:999px;
    background: rgba(63,65,68,.28);
  }
  .lb-tinder-dot.is-on{ background: rgba(63,65,68,.85); }
  .lb-tinder-hint{
    text-align:center;
    font-size:13px;
    opacity:.72;
    margin:6px 0 0 !important;
    padding:0 18px !important;
  }
}