/* ============================================================
   BookingTours – Color Palette Overrides (pine brand)

   Pine ramp:
     #D8EEE2  Mint wash        – lightest fills
     #B7D8C6  Soft pine        – secondary fills
     #9CC5AF  Sage             – news banner
     #7FB097  Sage deep        – hover accents
     #4F836A  Muted pine       – secondary accent
     #3A7458  Pine 500         – active indicators
     #125E40  Pine 700         – primary CTA
     #14523A  Pine 800         – CTA bar
     #123B2B  Pine 900         – dark sections
     #0F2B1F  Pine 950         – deepest dark
   ============================================================ */

:root {
  --color-grey: #4f836a;
  --color-light-grey: #d8eee2;
  --color-cream: #f1ede2;
  --color-gold-lightest: #f7e8d8;
  --color-supporting-grey: #123b2b;
  --color-faded-grey: #b7d8c6;
  --color-blue: #d8eee2;
  --color-charcoal: #161b17;
}

html, body, main {
  background: #fff;
}

/* ── Card / placeholder tiles — repaint the legacy "grey" surface to the
   warm paper tone so tiles sit on the brand canvas. ── */
.bg-grey {
  background-color: #f4f2ea !important;
  color: #161b17 !important;
}

body > nav,
body > header,
header.sticky {
  background: #fff;
  color: #161b17;
  opacity: 1;
}

body > header .bg-pink,
body > header [class*="bg-pink-"]:not(.bg-pink-light):not(.bg-pink-lightest) {
  color: #fff;
}

/* ── Eyebrow caps labels on dark sections — force ivory for contrast ── */
[data-bg-color="black"] .text-caps-s,
.bg-black .text-caps-s {
  color: #f4f1e8 !important;
}

/* ── "See your upside" CTA bar ── */
a[class*="bg-black-3"][class*="hover:bg-pink"] {
  background-color: #14523a !important;
  color: #ffffff !important;
}
a[class*="bg-black-3"][class*="hover:bg-pink"] * {
  color: #ffffff !important;
}
a[class*="bg-black-3"][class*="hover:bg-pink"] [style*="clip-path"] {
  background-color: #14523a !important;
}
a[class*="bg-black-3"][class*="hover:bg-pink"] .bg-pink {
  background-color: #ffffff !important;
  color: #14523a !important;
}
a[class*="bg-black-3"][class*="hover:bg-pink"] .bg-pink path {
  fill: #14523a !important;
}

/* ── Testimonial: hide carousel dots, keep active button centered ── */
[aria-label="Case study navigation"] button[aria-selected="false"] {
  display: none !important;
}
[aria-label="Case study navigation"] {
  justify-content: center !important;
}

/* ── Integrations pill: hide dots, center, prevent clipping ── */
.bt-pill-dot-row,
.bt-pill-dot {
  display: none !important;
}
.bt-pill-wrap {
  align-items: center !important;
  justify-content: center !important;
}
.bt-pill {
  margin: 0 auto !important;
  transform: scale(0.85);
  transform-origin: center center;
}

/* ── FAQ section ── */
[data-bg-color="cream"],
.bg-cream {
  background-color: #f1ede2;
}
[data-bg-color="cream"] *,
.bg-cream * {
  color: #161b17 !important;
}
[data-bg-color="cream"] svg path,
.bg-cream svg path {
  fill: #161b17 !important;
}