/*
 * Oasis Reticulation — Navigation Styles
 * Loaded via functions.php enqueue — NOT via template part inline styles.
 * This file exists solely because WordPress strips <style> tags from
 * template part HTML in FSE / Full Site Editing mode.
 */

/* ── Force entire nav to charcoal background ── */
nav.oasis-nav,
.oasis-nav {
  background-color: #2c2c2c !important;
  background: #2c2c2c !important;
  display: block !important;
}

/* ── Inner flex row ── */
.oasis-nav-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ── Menu UL — horizontal row ── */
ul.oasis-nav-menu,
.oasis-nav-menu {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  flex: 1 !important;
  min-width: 0 !important;
}

/* Kill any WP-injected bullets */
ul.oasis-nav-menu li,
.oasis-nav-menu li,
.oasis-nav-item {
  list-style: none !important;
  list-style-type: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  position: relative !important;
  width: auto !important;
  max-width: none !important;
  float: none !important;
}

/* Kill WP pseudo-element bullets */
ul.oasis-nav-menu li::before,
ul.oasis-nav-menu li::marker,
.oasis-nav-menu li::before,
.oasis-nav-menu li::marker,
.oasis-nav-item::before,
.oasis-nav-item::marker {
  display: none !important;
  content: none !important;
}

/* ── Nav links ── */
a.oasis-nav-link,
button.oasis-nav-link,
.oasis-nav-link {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 0 20px !important;
  min-height: 50px !important;
  height: 50px !important;
  color: rgba(255,255,255,0.90) !important;
  font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  background: none !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  border-top: 3px solid transparent !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
  transition: color 180ms, background-color 180ms, border-color 180ms !important;
}

a.oasis-nav-link:hover,
button.oasis-nav-link:hover,
.oasis-nav-link:hover {
  color: #2ab8b0 !important;
  background-color: rgba(255,255,255,0.07) !important;
  border-bottom-color: #2ab8b0 !important;
}

.oasis-nav-item.current a.oasis-nav-link,
a.oasis-nav-link[aria-current="page"] {
  color: #2ab8b0 !important;
  border-bottom-color: #2ab8b0 !important;
}

/* Arrow chevron */
.oasis-nav-arrow {
  flex-shrink: 0 !important;
  opacity: 0.55 !important;
  transition: transform 180ms !important;
}
button.oasis-nav-dropdown-toggle[aria-expanded="true"] .oasis-nav-arrow {
  transform: rotate(180deg) !important;
}

/* ── Dropdown panel ── */
ul.oasis-nav-dropdown,
.oasis-nav-dropdown {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-top: 3px solid #2ab8b0 !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
  min-width: 240px !important;
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  /* hidden by default */
  display: none !important;
  z-index: 9999 !important;
}

/* Show on hover OR when .is-open class present */
.oasis-nav-has-dropdown:hover > ul.oasis-nav-dropdown,
.oasis-nav-has-dropdown:focus-within > ul.oasis-nav-dropdown,
ul.oasis-nav-dropdown.is-open,
.oasis-nav-dropdown.is-open {
  display: block !important;
}

/* Dropdown list items */
ul.oasis-nav-dropdown li,
.oasis-nav-dropdown li {
  list-style: none !important;
  list-style-type: none !important;
  display: block !important;
  width: 100% !important;
}
ul.oasis-nav-dropdown li::before,
ul.oasis-nav-dropdown li::marker,
.oasis-nav-dropdown li::before,
.oasis-nav-dropdown li::marker {
  display: none !important;
  content: none !important;
}

a.oasis-nav-dropdown-link,
.oasis-nav-dropdown-link {
  display: block !important;
  padding: 10px 22px !important;
  color: #333333 !important;
  font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: 1px solid #f0f0f0 !important;
  white-space: nowrap !important;
  transition: background-color 150ms, color 150ms !important;
  background: transparent !important;
}
.oasis-nav-dropdown li:last-child a.oasis-nav-dropdown-link {
  border-bottom: none !important;
}
a.oasis-nav-dropdown-link:hover,
.oasis-nav-dropdown-link:hover {
  background-color: #e8f7f6 !important;
  color: #1a8f88 !important;
}

/* ── Watering chip ── */
.oasis-nav-water {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 16px !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.42) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.oasis-nav-water a {
  color: #2ab8b0 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* ── Mobile toggle ── */
.oasis-nav-toggle {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  background: none !important;
  border: none !important;
  color: rgba(255,255,255,0.88) !important;
  padding: 12px !important;
  cursor: pointer !important;
  order: 2 !important;
  margin-left: auto !important;
}

/* ── Header layout ── */
.oasis-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e0e0e0 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}
.oasis-header-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  min-height: 168px !important;
  gap: 24px !important;
  box-sizing: border-box !important;
}

/* ── Topbar ── */
.oasis-topbar {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
}
.oasis-topbar-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 7px 24px !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}
.oasis-topbar-tagline {
  font-size: 0.75rem !important;
  color: #2ab8b0 !important;
}
.oasis-topbar-socials {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .oasis-nav-water  { display: none !important; }
  .oasis-nav-toggle { display: flex !important; }

  .oasis-nav-inner {
    flex-wrap: wrap !important;
    padding: 0 16px !important;
  }

  ul.oasis-nav-menu,
  .oasis-nav-menu {
    display: none !important;
    flex-direction: column !important;
    width: 100% !important;
    order: 3 !important;
    padding-bottom: 8px !important;
    flex: none !important;
  }
  ul.oasis-nav-menu.is-open,
  .oasis-nav-menu.is-open {
    display: flex !important;
  }

  .oasis-nav-item {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  a.oasis-nav-link,
  button.oasis-nav-link,
  .oasis-nav-link {
    padding: 13px 8px !important;
    min-height: unset !important;
    height: auto !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    border-top: none !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  ul.oasis-nav-dropdown,
  .oasis-nav-dropdown {
    position: static !important;
    box-shadow: none !important;
    border: none !important;
    background: rgba(0,0,0,0.2) !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }
  ul.oasis-nav-dropdown.is-open,
  .oasis-nav-dropdown.is-open {
    display: block !important;
  }
  a.oasis-nav-dropdown-link {
    color: rgba(255,255,255,0.75) !important;
    padding: 10px 8px 10px 24px !important;
    background: transparent !important;
    border-bottom-color: rgba(255,255,255,0.06) !important;
  }
  a.oasis-nav-dropdown-link:hover {
    background: rgba(42,184,176,0.12) !important;
    color: #2ab8b0 !important;
  }

  .oasis-header-inner {
    min-height: 64px !important;
    gap: 12px !important;
  }
  .oasis-header-contact { display: none !important; }
}

@media (max-width: 480px) {
  .oasis-btn-primary { padding: 0.65rem 1.2rem !important; font-size: 0.72rem !important; }
}

/* ── Logo image (uploaded SVG) ── */
a.oasis-logo,
.oasis-logo {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}
img.oasis-logo-img,
.oasis-logo-img {
  display: block !important;
  height: 140px !important;
  width: auto !important;
  max-width: 440px !important;
  object-fit: contain !important;
}
@media (max-width: 900px) {
  img.oasis-logo-img,
  .oasis-logo-img {
    height: 90px !important;
    max-width: 280px !important;
  }
}

/* ── Contact form select dropdown fix ── */
/* The dark background form has light selects — fix text visibility */
.contact-form select,
.form-select,
select.form-select {
  color: rgba(255,255,255,0.85) !important;
  background-color: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 0.875rem !important;
  font-family: var(--font-body) !important;
  outline: none !important;
  width: 100% !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 40px !important;
  cursor: pointer !important;
}
select.form-select option,
.contact-form select option {
  background-color: #2c2c2c !important;
  color: rgba(255,255,255,0.88) !important;
  padding: 8px 16px !important;
}
select.form-select:focus,
.contact-form select:focus {
  border-color: #2ab8b0 !important;
  background-color: rgba(42,184,176,0.08) !important;
}

/* ══════════════════════════════════════════════════
   WPFORMS — dark contact section theme overrides
   Makes WPForms match the dark charcoal contact panel
══════════════════════════════════════════════════ */
.contact-form .wpforms-form .wpforms-field-label,
.contact-form .wpforms-form label {
  display: block !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.45) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 6px !important;
}

.contact-form .wpforms-form input[type="text"],
.contact-form .wpforms-form input[type="email"],
.contact-form .wpforms-form input[type="tel"],
.contact-form .wpforms-form input[type="url"],
.contact-form .wpforms-form input[type="number"],
.contact-form .wpforms-form textarea,
.contact-form .wpforms-form select {
  width: 100% !important;
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  color: #ffffff !important;
  font-size: 0.875rem !important;
  font-family: var(--font-body) !important;
  outline: none !important;
  transition: border-color 180ms, background-color 180ms !important;
  box-shadow: none !important;
}

.contact-form .wpforms-form input::placeholder,
.contact-form .wpforms-form textarea::placeholder {
  color: rgba(255,255,255,0.28) !important;
}

.contact-form .wpforms-form input:focus,
.contact-form .wpforms-form textarea:focus,
.contact-form .wpforms-form select:focus {
  border-color: #2ab8b0 !important;
  background: rgba(42,184,176,0.08) !important;
  outline: none !important;
  box-shadow: none !important;
}

.contact-form .wpforms-form select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 40px !important;
}

.contact-form .wpforms-form select option {
  background-color: #2c2c2c !important;
  color: rgba(255,255,255,0.88) !important;
}

.contact-form .wpforms-form textarea {
  min-height: 140px !important;
  resize: vertical !important;
}

.contact-form .wpforms-field {
  margin-bottom: 20px !important;
}

/* Submit button */
.contact-form .wpforms-form .wpforms-submit,
.contact-form .wpforms-form button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  background: #2ab8b0 !important;
  color: #ffffff !important;
  font-family: var(--font-body) !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 14px 24px !important;
  border: 2px solid #2ab8b0 !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: background 180ms, transform 180ms !important;
  box-shadow: none !important;
}

.contact-form .wpforms-form .wpforms-submit:hover,
.contact-form .wpforms-form button[type="submit"]:hover {
  background: #1a8f88 !important;
  border-color: #1a8f88 !important;
  transform: translateY(-1px) !important;
}

/* Confirmation message */
.contact-form .wpforms-confirmation-container-full {
  background: rgba(42,184,176,0.12) !important;
  border: 1px solid rgba(42,184,176,0.35) !important;
  border-radius: 8px !important;
  padding: 20px 24px !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
}

/* Error messages */
.contact-form .wpforms-form .wpforms-error-container,
.contact-form .wpforms-form label.wpforms-error {
  color: #ff8a8a !important;
  font-size: 0.75rem !important;
  margin-top: 4px !important;
}
.contact-form .wpforms-form input.wpforms-error,
.contact-form .wpforms-form textarea.wpforms-error {
  border-color: #ff6b6b !important;
}

/* ══════════════════════════════════════════════════
   WPFORMS — broader selectors for dark contact page
   Covers WPForms output anywhere on the dark section,
   not just inside .contact-form wrapper
══════════════════════════════════════════════════ */

/* Target the entire charcoal-dark section */
.section--charcoal-dark .wpforms-form input,
.section--charcoal-dark .wpforms-form input[type="text"],
.section--charcoal-dark .wpforms-form input[type="email"],
.section--charcoal-dark .wpforms-form input[type="tel"],
.section--charcoal-dark .wpforms-form input[type="url"],
.section--charcoal-dark .wpforms-form input[type="number"],
.section--charcoal-dark .wpforms-form textarea,
.section--charcoal-dark .wpforms-form select,
/* Also target by page body class WP adds */
.page-id-contact .wpforms-form input,
.page-id-contact .wpforms-form textarea,
.page-id-contact .wpforms-form select,
/* Fallback — any wpforms on a dark background */
.has-charcoal-dark-background-color .wpforms-form input,
.has-charcoal-dark-background-color .wpforms-form textarea,
.has-charcoal-dark-background-color .wpforms-form select {
  background-color: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 8px !important;
}

.section--charcoal-dark .wpforms-form input::placeholder,
.section--charcoal-dark .wpforms-form textarea::placeholder {
  color: rgba(255,255,255,0.30) !important;
}

.section--charcoal-dark .wpforms-form input:focus,
.section--charcoal-dark .wpforms-form textarea:focus,
.section--charcoal-dark .wpforms-form select:focus {
  border-color: #2ab8b0 !important;
  background-color: rgba(42,184,176,0.10) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Select dropdown — white text, dark options, custom arrow */
.section--charcoal-dark .wpforms-form select,
.page-id-contact .wpforms-form select {
  color: rgba(255,255,255,0.85) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 40px !important;
  cursor: pointer !important;
}

.section--charcoal-dark .wpforms-form select option,
.page-id-contact .wpforms-form select option {
  background-color: #2c2c2c !important;
  color: rgba(255,255,255,0.90) !important;
}

/* Labels */
.section--charcoal-dark .wpforms-form .wpforms-field-label,
.section--charcoal-dark .wpforms-form label,
.page-id-contact .wpforms-form .wpforms-field-label,
.page-id-contact .wpforms-form label {
  color: rgba(255,255,255,0.50) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

/* Required asterisk */
.section--charcoal-dark .wpforms-form .wpforms-required-label,
.section--charcoal-dark .wpforms-form .wpforms-field-label-hide + .wpforms-field-sublabel {
  color: #2ab8b0 !important;
}

/* Submit button */
.section--charcoal-dark .wpforms-form .wpforms-submit,
.section--charcoal-dark .wpforms-form button[type="submit"],
.page-id-contact .wpforms-form .wpforms-submit,
.page-id-contact .wpforms-form button[type="submit"] {
  background-color: #2ab8b0 !important;
  color: #ffffff !important;
  border: 2px solid #2ab8b0 !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 14px 24px !important;
  width: 100% !important;
  cursor: pointer !important;
  font-size: 0.875rem !important;
  transition: background-color 180ms, transform 180ms !important;
  box-shadow: none !important;
}

.section--charcoal-dark .wpforms-form .wpforms-submit:hover,
.page-id-contact .wpforms-form .wpforms-submit:hover {
  background-color: #1a8f88 !important;
  border-color: #1a8f88 !important;
  transform: translateY(-1px) !important;
}

/* Success confirmation */
.section--charcoal-dark .wpforms-confirmation-container-full,
.page-id-contact .wpforms-confirmation-container-full {
  background: rgba(42,184,176,0.12) !important;
  border: 1px solid rgba(42,184,176,0.35) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  padding: 20px 24px !important;
}

/* Error states */
.section--charcoal-dark .wpforms-form label.wpforms-error,
.page-id-contact .wpforms-form label.wpforms-error {
  color: #ff8a8a !important;
  font-size: 0.72rem !important;
}

.section--charcoal-dark .wpforms-form input.wpforms-error,
.section--charcoal-dark .wpforms-form textarea.wpforms-error,
.page-id-contact .wpforms-form input.wpforms-error,
.page-id-contact .wpforms-form textarea.wpforms-error {
  border-color: #ff6b6b !important;
}

/* ══════════════════════════════════════════════════
   WPFORMS + CHOICES.JS dark theme
   WPForms uses Choices.js to replace <select> elements.
   The actual rendered HTML uses .choices__* classes.
══════════════════════════════════════════════════ */

/* Outer container replaces the <select> */
.section--charcoal-dark .choices,
.page-id-69 .choices {
  margin-bottom: 0 !important;
}

/* The visible "button" that shows selected value */
.section--charcoal-dark .choices__inner,
.page-id-69 .choices__inner {
  background-color: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,0.85) !important;
  font-size: 0.875rem !important;
  min-height: 46px !important;
  padding: 10px 40px 10px 14px !important;
  display: flex !important;
  align-items: center !important;
}

/* The currently selected item text */
.section--charcoal-dark .choices__item--selectable,
.section--charcoal-dark .choices__item,
.page-id-69 .choices__item--selectable,
.page-id-69 .choices__item {
  color: rgba(255,255,255,0.85) !important;
}

/* Placeholder text */
.section--charcoal-dark .choices__placeholder,
.page-id-69 .choices__placeholder {
  color: rgba(255,255,255,0.35) !important;
  opacity: 1 !important;
}

/* Open state border */
.section--charcoal-dark .choices.is-open .choices__inner,
.page-id-69 .choices.is-open .choices__inner {
  border-color: #2ab8b0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* The dropdown list panel */
.section--charcoal-dark .choices__list--dropdown,
.section--charcoal-dark .choices__list[aria-expanded],
.page-id-69 .choices__list--dropdown,
.page-id-69 .choices__list[aria-expanded] {
  background-color: #2c2c2c !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-top: none !important;
  border-radius: 0 0 8px 8px !important;
  z-index: 9999 !important;
}

/* Individual dropdown options */
.section--charcoal-dark .choices__list--dropdown .choices__item,
.page-id-69 .choices__list--dropdown .choices__item {
  color: rgba(255,255,255,0.82) !important;
  font-size: 0.875rem !important;
  padding: 10px 14px !important;
  background-color: transparent !important;
}

/* Hover state on options */
.section--charcoal-dark .choices__list--dropdown .choices__item--selectable.is-highlighted,
.page-id-69 .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: rgba(42,184,176,0.18) !important;
  color: #2ab8b0 !important;
}

/* The chevron arrow button */
.section--charcoal-dark .choices__button,
.page-id-69 .choices__button {
  filter: brightness(0) invert(1) !important;
  opacity: 0.5 !important;
}

/* Also keep native select styled (fallback) */
.section--charcoal-dark .wpforms-field select,
.page-id-69 .wpforms-field select {
  background-color: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 8px !important;
}

/* WPForms field description text — light on dark background */
.section--charcoal-dark .wpforms-field-description,
.page-id-69 .wpforms-field-description {
  color: rgba(255,255,255,0.50) !important;
  font-size: 0.72rem !important;
  line-height: 1.55 !important;
  margin-top: 5px !important;
}

/* Choices.js open dropdown panel — force dark background when visible */
.section--charcoal-dark .choices__list--dropdown.is-active,
.section--charcoal-dark .choices__list[aria-expanded="true"],
.page-id-69 .choices__list--dropdown.is-active,
.page-id-69 .choices__list[aria-expanded="true"] {
  background-color: #2c2c2c !important;
  border-color: rgba(255,255,255,0.18) !important;
}

/* Every option item in the open list */
.section--charcoal-dark .choices__list--dropdown .choices__item,
.section--charcoal-dark .choices__list[aria-expanded] .choices__item,
.page-id-69 .choices__list--dropdown .choices__item,
.page-id-69 .choices__list[aria-expanded] .choices__item {
  background-color: #2c2c2c !important;
  color: rgba(255,255,255,0.85) !important;
}

/* Hover highlight on options */
.section--charcoal-dark .choices__list--dropdown .choices__item.is-highlighted,
.page-id-69 .choices__list--dropdown .choices__item.is-highlighted {
  background-color: rgba(42,184,176,0.20) !important;
  color: #2ab8b0 !important;
}

/* ── Homepage brand logos strip ── */
.brand-logo-img-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  opacity: 0.55 !important;
  transition: opacity 200ms ease, filter 200ms ease !important;
  filter: grayscale(1) !important;
}
.brand-logo-img-wrap:hover {
  opacity: 1 !important;
  filter: grayscale(0) !important;
}
.brand-logo-img {
  height: 44px !important;
  width: auto !important;
  max-width: 130px !important;
  object-fit: contain !important;
  display: block !important;
}

/* ── Blog card grid ── */
.blog-card {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  border: 1px solid #e0e0e0 !important;
  transition: box-shadow 200ms ease, transform 200ms ease, border-color 200ms ease !important;
  overflow: hidden !important;
}
.blog-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
  transform: translateY(-3px) !important;
  border-color: #2ab8b0 !important;
}
.blog-card .wp-block-post-featured-image img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
}
.blog-card .wp-block-post-title a {
  color: #222222 !important;
  text-decoration: none !important;
}
.blog-card .wp-block-post-title a:hover {
  color: #2ab8b0 !important;
}