/* Wintergreen Woods — site-wide CSS overrides.
 * Loaded on every page by ww-frontend-behaviors.php (uploads/ww-assets/).
 */

/* --- Legacy: neutralize Elementor kit heading colors. Inert since the custom
 * theme migration (no elementor-kit-17 body class), kept for rollback. --- */
.elementor-kit-17 h1,
.elementor-kit-17 h2,
.elementor-kit-17 h3,
.elementor-kit-17 h4,
.elementor-kit-17 h5,
.elementor-kit-17 h6 {
  color: inherit;
}

/* --- WPForms submit button -> brand emerald.
 * WPForms ships a default blue (#066aab) that survives plugin updates and
 * overrides the page-level styling. Force the Emerald Noir CTA treatment,
 * matching the solid "Schedule a Private Tour" button. --- */
.wpforms-container .wpforms-submit,
.wpforms-container button[type="submit"],
.wpforms-container input[type="submit"],
div.wpforms-container-full .wpforms-form button[type="submit"],
div.wpforms-container-full .wpforms-form input[type="submit"] {
  background-color: #047940 !important;
  border: 1px solid #047940 !important;
  color: #f6f4ee !important;
  border-radius: 0 !important;
  font-family: Archivo, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  padding: 16px 32px !important;
  transition: background-color .3s ease, border-color .3s ease !important;
  box-shadow: none !important;
}

.wpforms-container .wpforms-submit:hover,
.wpforms-container button[type="submit"]:hover,
.wpforms-container input[type="submit"]:hover,
div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
div.wpforms-container-full .wpforms-form input[type="submit"]:hover {
  background-color: #0fa95c !important;
  border-color: #0fa95c !important;
  color: #f6f4ee !important;
}

.wpforms-container .wpforms-submit:focus-visible,
div.wpforms-container-full .wpforms-form button[type="submit"]:focus-visible {
  outline: 2px solid #2fc47a !important;
  outline-offset: 2px !important;
}

/* Field focus ring: WPForms default blue -> emerald */
div.wpforms-container-full .wpforms-form input:focus,
div.wpforms-container-full .wpforms-form textarea:focus,
div.wpforms-container-full .wpforms-form select:focus {
  border-color: #047940 !important;
  outline-color: #047940 !important;
}
