/* Big Time Trips — home page */
.btt-home{--btt-cream:#fbf3cf;--btt-navy:#1e4d8c;--btt-red:#d9312b;background:var(--btt-cream);margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.btt-home *{box-sizing:border-box}
.btt-home a{color:inherit}

/* ---------- Desktop: full artwork + link hotspots ---------- */
.btt-desktop{display:none;position:relative;margin:0 auto;
  width:min(100%,1360px,calc((100vh - var(--wp-admin--admin-bar--height,0px) - 56px) * 1.5))}
.btt-art{display:block;width:100%;height:auto}
.btt-hot{position:absolute;display:block;border-radius:6%/6.5%;text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease;will-change:transform}
.btt-hot-book{left:11.85%;top:34.77%;width:37.3%;height:51.95%}
.btt-hot-contact{left:50.65%;top:34.77%;width:37.24%;height:51.95%}
.btt-hot:hover,.btt-hot:focus-visible{transform:translateY(-4px) scale(1.012);
  box-shadow:0 0 0 4px rgba(255,255,255,.75),0 0 0 7px rgba(230,180,40,.9),0 22px 40px rgba(0,0,0,.28);outline:0}
.btt-hot span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btt-copy{position:absolute;left:0;right:0;top:94.2%;margin:0;text-align:center;font-size:clamp(11px,1.05vw,16px);color:var(--btt-navy);font-weight:600;pointer-events:none}

/* ---------- Mobile: header + stacked panels ---------- */
.btt-mobile{position:relative;padding:18px 14px 28px;overflow:hidden;
  background:radial-gradient(ellipse 120% 60% at 50% 0%,#fffbea 0%,var(--btt-cream) 70%)}
.btt-mhead{display:block;width:100%;max-width:520px;margin:0 auto 16px;height:auto}
.btt-panel{display:block;max-width:520px;margin:0 auto 16px;border-radius:14px;transition:transform .15s ease}
.btt-panel img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.22))}
.btt-panel:active{transform:scale(.985)}
.btt-panel:focus-visible{outline:3px solid #e6b428;outline-offset:4px}
.btt-mfoot{margin:6px 0 0;text-align:center;color:var(--btt-navy);font-size:13px;font-weight:600;line-height:1.5}
.btt-mfoot b{display:block;color:var(--btt-red);font-size:17px;font-weight:800;letter-spacing:.01em}

@media (min-width:720px){
  .btt-home{padding:28px 20px}
  .btt-desktop{display:block}
  .btt-mobile{display:none}
  body.ro-home-page .btt-home{box-sizing:border-box;min-height:calc(100vh - var(--wp-admin--admin-bar--height,0px));display:flex;align-items:center;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.btt-hot,.btt-panel{transition:none}}
