/* boatbadge (preview): home host for the existing venues.js bb-big Boat Show card above #smMore.
   Card look lives in css/venues.css (.vw .bb-*). This file is placement, CLS reserve, tab clearance, yacht lane. */
#boatBadge.vw{position:relative;box-sizing:border-box;width:100%;margin:0;padding:0;min-height:clamp(240px,31svh,280px)}
#boatBadge[hidden]{display:none!important;min-height:0;padding:0;margin:0}
#boatBadge .bb-band{margin:12px var(--pad,20px) 8px}
#boatBadge .bb-band.bb-reserve{background:#0a3a52;min-height:clamp(240px,31svh,280px)}
#boatBadge .bb-band.bb-reserve .bb-sea{background:#0a3a52}
/* Keep the yacht lane above the photo gradient, visible in the bottom strip */
#boatBadge .bb-band .sail-lane{z-index:2}
#boatBadge .bb-band.bb-still .sail-run{animation:none;transform:translateX(72%);opacity:1}
#boatBadge .bb-band.bb-still .sail-wave,
#boatBadge .bb-band.bb-still .sail-boat,
#boatBadge .bb-band.bb-still .yt-pen,
#boatBadge .bb-band.bb-still .yt-wake{animation:none}
#boatBadge .bb-band.bb-still .sail-splash,.bb-band.bb-still .br-l{display:none}
html.sm-open #boatBadge.tab-clear{padding-bottom:calc(var(--tab-h, 61px) + 12px)}
@media (max-width:420px){
  #boatBadge .bb-band{margin-left:12px;margin-right:12px}
}
/* r55 (Hater r54): gap to See more ≥12px; See the show / Get there by water / share ≥44px tall; info (i) 44px hit area.
   Visual stays the same pill look, only taller. Scoped to the home card. */
#boatBadge .bb-band{margin-bottom:0}
#boatBadge.vw{margin-bottom:14px}
#boatBadge .bb-big .bb-ctas{gap:8px 10px}
#boatBadge .bb-big .bb-btn{height:44px;padding:0 18px;box-sizing:border-box}
#boatBadge .bb-band .bb-water{height:44px;padding:0 14px;box-sizing:border-box}
#boatBadge .bb-band .bb-share{width:44px;height:44px;box-sizing:border-box}
/* r60: (i) circle center 23px from the card right and top (1px border + 22), tap box 44x44 pinned at right:0 top:0 fully inside the card so overflow:hidden never clips it */
#boatBadge .bb-band .ci-b.ci-at-bb-cr{width:44px;height:44px;right:0;top:0;font-size:11px;border:0;border-radius:0;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.45) 0 8px,rgba(255,255,255,.45) 8px 9px,transparent 9.5px)}
#boatBadge .bb-band .ci-b.ci-at-bb-cr::after{inset:0}
#boatBadge .bb-band .ci-b.ci-at-bb-cr:focus-visible{outline-offset:-12px;border-radius:50%}
#boatBadge .bb-big .bb-in{padding-bottom:42px}
@media (max-width:374px){
  #boatBadge .bb-big .bb-btn{padding:0 14px}
  #boatBadge .bb-band .bb-water{padding:0 10px}
}
@media (max-width:374px){
  #boatBadge .bb-big .bb-btn{order:0}
  #boatBadge .bb-band .bb-share{order:1}
  #boatBadge .bb-band .bb-water{order:2}
}
/* r55 reserve matches the taller painted card (271 at 390, 283 at 320) so the swap stays CLS 0 */
#boatBadge.vw{min-height:272px}
#boatBadge .bb-band.bb-reserve{min-height:272px}
@media (max-width:374px){#boatBadge.vw,#boatBadge .bb-band.bb-reserve{min-height:284px}}