/* CSA brand alignment (Matt approved Oct 20 2026, 2:52 PM). CSA Brand Guide: Libre Caslon Bold headlines, Outfit body/menus/buttons,
   palette Navy #1F3B57, Slate #3E6383, Cream #FBF8F4; Accent Orange #F15A24 ONLY on the Book Now (Xola) button. Loaded last. */
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(../assets/fonts/outfit-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(../assets/fonts/outfit-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Libre Caslon Text"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(../assets/fonts/librecaslon-700-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Libre Caslon Text"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(../assets/fonts/librecaslon-700-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root {
  --navy: #1F3B57; --navy-900: #1F3B57; --navy-800: #1F3B57; --navy-100: #FBF8F4;
  --orange: #3E6383; --orange-600: #3E6383; --orange-700: #3E6383; --orange-on-navy: #FBF8F4;
  --sea: #3E6383; --sand: #FBF8F4; --ink: #1F3B57; --ink-2: #3E6383; --line: rgba(62,99,131,.25);
  --font: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-head: "Libre Caslon Text", Georgia, "Times New Roman", serif;
  --brand-orange: #F15A24;
}
body { font-family: var(--font); color: #1F3B57; }
h1, h2, h3, h4, .section-head, .bcard__title, .tour-card__title { font-family: var(--font-head); font-weight: 700; letter-spacing: 0; }
.nav a, .nav summary, .btn, button, .hdr-tc__txt, .mmenu a, .hero__eyebrow { font-family: var(--font); }
/* Header: navy logo on cream (guide's preferred header) */
.site-header { background: #FBF8F4; color: #1F3B57; box-shadow: none; border-bottom: 1px solid rgba(62,99,131,.25); }
.site-header .nav a, .site-header .nav summary, .mmenu > summary { color: #1F3B57; }
.site-header .nav a:hover, .site-header .nav summary:hover { color: #3E6383; }
.hdr-tc { color: #1F3B57; border-left-color: rgba(62,99,131,.3); }
.topbar, .site-footer { background: #1F3B57; }
.topbar a:hover, .site-footer a:hover { color: #FBF8F4; text-decoration: underline; }
/* Header call: outlined navy, never orange. Phones get a round tap-to-call icon (44px). */
.site-header .btn--primary { background: transparent; color: #1F3B57; border: 2px solid #1F3B57; box-shadow: none; }
.site-header .btn--primary:hover { background: #1F3B57; color: #FBF8F4; }
.header-call { color: #1F3B57; border: 2px solid #1F3B57; background: transparent; }
.header-call:hover { background: #1F3B57; color: #FBF8F4; }
/* Buttons: navy by default */
.btn--primary { background: #1F3B57; border-color: #1F3B57; color: #FBF8F4; box-shadow: none; }
.btn--primary:hover { background: #3E6383; border-color: #3E6383; color: #FBF8F4; }
/* The ONLY orange: Book Now (Xola). White 700 at >=19px = AA large text (3.37:1 >= 3:1). */
.btn.xola-checkout, .btn--primary.xola-checkout, .btn--sm.xola-checkout {
  background: var(--brand-orange); border: 2px solid var(--brand-orange); color: #fff;
  font-weight: 700; font-size: 19px; line-height: 1.2; letter-spacing: .01em; text-transform: none;
  padding: 14px 26px; min-height: 52px; box-shadow: none; }
.btn.xola-checkout:hover, .btn.xola-checkout:focus-visible { background: #1F3B57; border-color: #1F3B57; color: #FBF8F4; }
/* Former orange accents -> Slate / Cream */
.home-hero h1 .accent, .hero h1 .accent, h1 .line.accent { color: #FBF8F4; }
.hero__eyebrow, .ribbon, .bcat, .post-cta__label { background: #3E6383 !important; color: #FBF8F4 !important; }
.hero__points svg { color: #FBF8F4; fill: currentColor; }
::selection { background: #3E6383; color: #FBF8F4; }
:focus-visible { outline-color: #3E6383; }
/* Tripadvisor badge back in the hero: BELOW the checklist (checklist stays directly under the headline), same on all heroes */
.home-hero .hero__proof { display: block; margin-top: 10px; }
.home-hero .hero__tc, .home-hero .hero__proof .hero__tc { display: inline-block; margin-top: 16px; background: #FBF8F4; box-shadow: none; border-radius: 8px; padding: 5px 6px; line-height: 0; }
.home-hero .hero__tc img { height: 56px; width: auto; }
@media (max-width: 699px) { .home-hero .hero__tc { margin-top: 12px; } .home-hero .hero__tc img { height: 46px; } }
