/* R10-CAMP-01 · Destination cards: the Classic "Where will you go?" carousel as a
   builder section. Look and behaviour come from campaign.css (.cp-where, .cpw-*);
   here only the head spacing, which must hold when the subtitle is left empty. */
.cb-where_cards .cp-head { margin-bottom: 30px; }
.cb-where_cards .cp-head > :last-child { margin-bottom: 0; }

/* fewer cards than fit: centre the row (auto margins collapse to 0 once it scrolls) */
.cb-where_cards .cpw-card:first-child { margin-left: auto; }
.cb-where_cards .cpw-card:last-child { margin-right: auto; }

/* Background option. Sand and light blue need nothing: the cards are photos with their own
   white type, and the navy arrows / teal dots read on both. On navy the head turns white
   (as the site's other navy bands) and the controls get white edges. */
.cb-where_cards.cb-dark .serif-title,
.cb-where_cards.cb-dark .cp-where-sub { color: var(--white); }
/* the navy arrow disc would vanish into the band: a white ring keeps its edge */
.cb-where_cards.cb-dark .ctrl-arrow img { border-radius: 50%; box-shadow: 0 0 0 1.5px rgba(255, 255, 255, .85); }
.cb-where_cards.cb-dark .ctrl-arrow:focus-visible { outline-color: var(--white); }
.cb-where_cards.cb-dark .cp-dots button { border-color: var(--white); }
.cb-where_cards.cb-dark .cp-dots button.on { background: var(--white); }
.cb-where_cards.cb-dark .cp-dots button:focus-visible { outline: 2px solid var(--white); outline-offset: 2px; }