/*
 * Seabound Journeys — Viator CTA component styles
 * Self-contained (own tokens, own namespace .sb-vcta*) so it renders
 * consistently regardless of which page-family :root variables are in
 * scope. Matches the deep-teal + brass identity used across the guide
 * page family (caribbean-cruises.html, bahamas-cruises.html, the land-tour
 * guides, etc.) so it reads as native rather than a bolted-on widget.
 */
.sb-vcta{
  --vc-deep:#0B3138;
  --vc-sea:#12525E;
  --vc-brass:#B8863B;
  --vc-brass-lt:#d0a862;
  --vc-paper:#EFF1EC;
  --vc-ink:#12262A;
  --vc-muted:#5b6b6b;
  max-width:920px;
  margin:2.2rem auto;
  padding:0 24px;
  box-sizing:border-box;
}
.sb-vcta *{box-sizing:border-box}
.sb-vcta-card{
  background:linear-gradient(160deg,var(--vc-deep) 0%,var(--vc-sea) 100%);
  border-radius:14px;
  padding:1.7rem 1.9rem;
  color:var(--vc-paper);
  box-shadow:0 10px 30px -16px rgba(11,49,56,.45);
  position:relative;
  overflow:hidden;
}
.sb-vcta-card::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:repeating-linear-gradient(115deg,transparent,transparent 60px,rgba(255,255,255,.03) 60px,rgba(255,255,255,.03) 61px);
  pointer-events:none;
}
.sb-vcta-eyebrow{
  font-family:"Space Mono",monospace;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--vc-brass-lt);
  margin-bottom:.55rem;
  position:relative;
}
.sb-vcta-head{
  font-family:"Bricolage Grotesque",system-ui,sans-serif;
  font-size:clamp(1.15rem,2.2vw,1.45rem);
  font-weight:600;
  line-height:1.25;
  margin-bottom:.6rem;
  color:#fff;
  position:relative;
}
.sb-vcta-blurb{
  font-family:"Newsreader",Georgia,serif;
  font-size:1rem;
  line-height:1.55;
  color:#d7e2e0;
  max-width:56ch;
  margin-bottom:1.1rem;
  position:relative;
}
.sb-vcta-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.9rem 1.2rem;
  position:relative;
}
.sb-vcta-btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  background:var(--vc-brass);
  color:#1a1204;
  font-family:"Space Mono",monospace;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.04em;
  text-decoration:none;
  padding:.75rem 1.25rem;
  border-radius:8px;
  transition:background .15s ease, transform .15s ease;
  white-space:nowrap;
}
.sb-vcta-btn:hover{background:var(--vc-brass-lt);transform:translateY(-1px)}
.sb-vcta-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sb-vcta-sub{
  font-size:.78rem;
  color:#a9bdba;
  font-style:italic;
}
.sb-vcta-sub a{color:#c9d8d3;text-decoration:underline}
.sb-vcta-sub a:hover{color:#fff}

@media(max-width:640px){
  .sb-vcta{padding:0 18px;margin:1.6rem auto}
  .sb-vcta-card{padding:1.35rem 1.4rem}
  .sb-vcta-row{flex-direction:column;align-items:flex-start;gap:.7rem}
  .sb-vcta-btn{width:100%;justify-content:center;white-space:normal;text-align:center;line-height:1.35}
}

/* Compact modifier — for use inside a denser article body (e.g. mid-content,
   not full-width section) where the standard card feels heavy. */
.sb-vcta.sb-vcta-compact .sb-vcta-card{padding:1.2rem 1.35rem}
.sb-vcta.sb-vcta-compact .sb-vcta-head{font-size:1.05rem}
.sb-vcta.sb-vcta-compact .sb-vcta-blurb{font-size:.92rem;margin-bottom:.85rem}