/* R10-CAMP-01 · Section builder base: every section is a jump-menu target. */
/* one corner radius for the builder's new cards (offers, voyages, guide box) */
:root { --cb-card-radius: 8px; }
/* section backgrounds (Background option): site.css has bg-white, bg-sand and band-navy;
   light blue is the builder's addition. Sections on navy also carry .cb-dark. */
.bg-water { background: var(--water); }
.cb-section { scroll-margin-top: 96px; }
.cb-jumpnav + .cb-section { padding-top: 56px; }
.cb-partner_cards { padding-top: 84px; }
/* the "I'm interested in:" badges on the navy enquiry band (site.css styles them for white) */
.cb-enquire .cb-enq-field { margin: 0 0 -4px; }  /* sits in the form grid's 20px rhythm */
.cb-enquire .cb-enq-field legend { color: var(--white); }
.cb-enquire .enq-badge span { color: rgba(255, 255, 255, .85); border-color: rgba(255, 255, 255, .55); font-size: 13px; padding: 4px 10px; }
.cb-enquire .enq-badge input:checked + span { background: var(--white); border-color: var(--white); color: var(--navy); }
.cb-enquire .enq-badge span::before { background: var(--white); }
@media (hover: hover) {
  .cb-enquire .enq-badge input:not(:checked) + span:hover { color: var(--navy); border-color: var(--white); }
}
.cb-enq-clear {
  background: none; border: 0; padding: 2px 4px; cursor: pointer;
  font: inherit; font-size: 13px; line-height: 18px; color: var(--white);
  text-decoration: underline; text-underline-offset: 2px; opacity: .85;
}
.cb-enq-clear:hover { opacity: 1; }
.cb-enq-clear:focus-visible { outline: 2px solid var(--white); outline-offset: 2px; border-radius: 4px; }
/* no hero on top (see the body_class filter): clear the absolute header, as .page-hero does */
body.cb-no-top-hero .site-main { padding-top: 96px; }
@media (max-width: 900px) {
  body.cb-no-top-hero .site-main { padding-top: 72px; }
}