/* ===== SDS dark theme overrides =====
   Palette:
     bg          #0f1115   (very dark grey)
     surface     #1a1d23   (card / panel)
     surface-hi  #232730   (slightly raised)
     border      #2a2e36
     text        #e6e6e6
     muted       #9aa0a8
     heading     #ffffff
     accent      #13c0a2   (kept from theme)
*/

:root {
  --sds-bg: #0f1115;
  --sds-surface: #1a1d23;
  --sds-surface-hi: #232730;
  --sds-border: #2a2e36;
  --sds-text: #e6e6e6;
  --sds-muted: #9aa0a8;
  --sds-heading: #ffffff;
  --sds-accent: #13c0a2;
}

/* ---- Body / theme chrome ---- */
html, body { background-color: var(--sds-bg) !important; color: var(--sds-text) !important; }
#page, .site, .site-content, .content-area, main, .entry-content { background-color: transparent !important; color: var(--sds-text); }
.site-header, #masthead, .site-branding, .main-navigation, #site-navigation,
.site-footer, #colophon, .footer-widgets, .widget-area, .top-bar, .header-bar,
.page-header, .breadcrumb, .breadcrumbs {
  background-color: var(--sds-bg) !important;
  color: var(--sds-text) !important;
  border-color: var(--sds-border) !important;
}
.site-header, #masthead { border-bottom: 1px solid var(--sds-border); }
.site-footer, #colophon { border-top: 1px solid var(--sds-border); }

/* Site title and tagline */
.site-title, .site-title a, .site-description { color: var(--sds-heading) !important; }
.site-description { color: var(--sds-muted) !important; }

/* ---- Headings ---- */
h1, h2, h3, h4, h5, h6,
.entry-title, .entry-title a,
.wp-block-heading {
  color: var(--sds-heading) !important;
}

/* ---- Paragraphs / body text ---- */
p, li, .entry-content p, .entry-content li, .entry-summary {
  color: var(--sds-text);
}

/* ---- Links ---- */
a { color: var(--sds-accent); }
a:hover, a:focus { color: #5fd9c1; }
.entry-content a { color: var(--sds-accent); }

/* ---- Navigation menu ---- */
.main-navigation a, .menu a, #site-navigation a,
nav.main-navigation li a, nav#site-navigation li a {
  color: var(--sds-text) !important;
}
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.menu .current-menu-item > a {
  color: var(--sds-accent) !important;
}
.main-navigation a:hover, .menu a:hover { color: var(--sds-accent) !important; }
.main-navigation ul ul, .menu ul ul {
  background-color: var(--sds-surface) !important;
  border-color: var(--sds-border) !important;
}

/* ---- Theme-palette colour utility class overrides ---- */
/* lighter-gray was used as the light card background — retarget to dark card */
.has-lighter-gray-background-color { background-color: var(--sds-surface) !important; }
.has-lighter-gray-color { color: var(--sds-muted) !important; }

/* gray (#444) used as muted text — retarget to light muted */
.has-gray-color { color: var(--sds-muted) !important; }
.has-gray-background-color { background-color: var(--sds-surface-hi) !important; }

/* black backgrounds (used by some buttons and the booking dark card) — keep dark but lift the card a touch so it reads against the body */
.wp-block-group.has-black-background-color { background-color: #0a0c10 !important; border: 1px solid var(--sds-border); }

/* white text class on dark heroes stays white */
.has-background-color.has-text-color { color: var(--sds-heading); }

/* ---- Cover blocks: tighten contrast over the dark page ---- */
.wp-block-cover, .wp-block-cover-image { color: var(--sds-heading) !important; }
.wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3, .wp-block-cover p { color: inherit !important; }

/* ---- Buttons ---- */
.wp-block-button .wp-block-button__link {
  color: #0f1115;
}
/* Solid black button (used as CTA on teal bands) — keep black on teal */
.wp-block-cover .wp-block-button.has-black-background-color .wp-block-button__link,
.wp-block-button.has-black-background-color .wp-block-button__link {
  background-color: #0a0c10 !important;
  color: #ffffff !important;
}
/* Outline buttons */
.wp-block-button.is-style-outline .wp-block-button__link {
  border-color: var(--sds-heading) !important;
  color: var(--sds-heading) !important;
  background-color: transparent !important;
}
/* Accent button stays accent */
.wp-block-button.has-accent-background-color .wp-block-button__link {
  background-color: var(--sds-accent) !important;
  color: #0f1115 !important;
  font-weight: 700;
}
.wp-block-button.has-accent-background-color .wp-block-button__link:hover {
  filter: brightness(1.08);
}

/* ---- Card-style columns that had a white-border inline (#e6e6e6) ---- */
.wp-block-column[style*="#e6e6e6"],
.wp-block-group[style*="#e6e6e6"] {
  border-color: var(--sds-border) !important;
  background-color: var(--sds-surface) !important;
}

/* ---- HRs / dividers ---- */
hr, .wp-block-separator { border-color: var(--sds-border) !important; background-color: var(--sds-border) !important; }

/* ---- Forms, inputs (if any) ---- */
input[type="text"], input[type="email"], input[type="search"], textarea, select {
  background-color: var(--sds-surface) !important;
  color: var(--sds-text) !important;
  border: 1px solid var(--sds-border) !important;
}

/* ---- Jetpack contact info / social ---- */
.wp-block-jetpack-contact-info a, .wp-block-jetpack-email a, .wp-block-jetpack-phone a {
  color: var(--sds-accent) !important;
}
.wp-block-social-links .wp-social-link { background-color: var(--sds-surface-hi) !important; }

/* ---- Tables ---- */
table, .wp-block-table { color: var(--sds-text); }
th, td { border-color: var(--sds-border) !important; }

/* ---- Code / pre ---- */
code, pre, kbd, samp { background-color: var(--sds-surface-hi) !important; color: var(--sds-text) !important; border: 1px solid var(--sds-border); }

/* ---- Selection / focus ---- */
::selection { background: var(--sds-accent); color: #0f1115; }
:focus-visible { outline: 2px solid var(--sds-accent); outline-offset: 2px; }

/* ---- Card hover affordance for service / link cards ---- */
.wp-block-column[style*="border-radius:8px"] { transition: border-color .15s ease, transform .15s ease; }
.wp-block-column[style*="border-radius:8px"]:hover { border-color: var(--sds-accent) !important; }
/* Kill any theme-injected background image (header banner, body bg, etc.) */
html, body, #page, .site, .site-header, #masthead, .site-branding, .custom-header, .custom-header-media, .header-image, .site-header-image, .has-header-image, .header-image-wrapper, .site-content, #content, #primary {
  background-image: none !important;
  background-color: var(--sds-bg) !important;
}
/* Ensure the parallax/header-image pseudo-elements are also hidden */
.custom-header-media img, .site-header img.header-image, .header-image-wrapper img { display:none !important; }