/* ==========================================================================
   CLEAN MONOCHROMATIC & GREEN ACCENT THEME
   ========================================================================== */

/* 1. Universal Color Overrides */
:root {
  --site-dark-header: #0f172a;
  --site-text-body: #334155;
  --site-accent-green: #166534;
  --site-green-hover: #14532d;
  --site-card-bg: #f8fafc;
  --site-border: #e2e8f0;
}

/* Global Typography */
body {
  color: var(--site-text-body) !important;
  background-color: #ffffff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Force Header Links */
.main-header-bar .main-header-menu a {
  color: var(--site-dark-header) !important;
  font-weight: 600 !important;
}

/* Override All Button Styling (Kills Starter Theme Purple) */
.wp-block-button__link,
.fluentform .ff-btn-submit,
button[type="submit"] {
  background-color: var(--site-accent-green) !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.wp-block-button__link:hover,
.fluentform .ff-btn-submit:hover {
  background-color: var(--site-green-hover) !important;
}

/* Form Container Styling */
.fluentform {
  background-color: var(--site-card-bg) !important;
  border: 1px solid var(--site-border) !important;
  border-radius: 6px !important;
  padding: 24px !important;
}

.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform select,
.fluentform textarea {
  border: 1px solid #cbd5e1 !important;
  border-radius: 4px !important;
  background-color: #ffffff !important;
}

.fluentform input:focus,
.fluentform textarea:focus {
  border-color: var(--site-accent-green) !important;
  outline: none !important;
}
/* Blends out dark image background and restrains size */
.custom-logo,
.site-logo img {
    mix-blend-mode: screen; /* Makes black/dark areas transparent */
    max-height: 80px !important;
    width: auto !important;
}
/* Removes the fake background box and keeps header position locked */
.custom-logo,
.site-logo img,
.ast-transparent-header .site-logo img {
    mix-blend-mode: screen; /* Strips out the dark checkered background */
    max-height: 80px !important; /* Locks height so it won't shift layout */
    width: auto !important;
}
/* Fix logo background on white header */
.custom-logo,
.site-logo img,
.ast-transparent-header .site-logo img {
    filter: lighten;
    mix-blend-mode: color-burn; /* Erases dark box on light background */
    max-height: 60px !important; /* Keeps logo proportional */
    width: auto !important;
}
/* Target the site header container to trim vertical space */
.site-header, 
header.elementor-location-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: auto !important;
}

/* Ensure the logo renders at a balanced size */
.site-logo img, 
.custom-logo {
    max-height: 100px !important;
    width: auto !important;
}
/* Force Navy Header Background */
.site-header,
header.elementor-location-header,
.ast-transparent-header {
    background-color: #0d1b2a !important; /* Replace with your exact hero navy hex code */
}
/* Force All Header Links & Menu Items to White */
header a,
.site-header a,
.ast-transparent-header a,
.main-navigation a,
.main-header-menu a,
.menu-item a,
.elementor-nav-menu a {
    color: #ffffff !important;
}
.site-logo img,
.custom-logo {
    mix-blend-mode: screen !important;
}

.main-navigation a:hover,
.ast-transparent-header .main-header-menu a:hover {
    color: #4ba3e3 !important; /* Optional: light blue hover color */
}
/* Make Nav Links White */
.main-navigation a,
.ast-header-break-point .main-header-menu a,
.ast-transparent-header .main-header-menu a,
.elementor-nav-menu a,
.ast-builder-menu-d1 .main-header-menu a {
    color: #ffffff !important;
}
.site-logo img,
.custom-logo {
    background-color: transparent !important;
}
/* Target Elementor & Theme Nav Menu Links Directly */
header .elementor-nav-menu a,
header .elementor-nav-menu .menu-item a,
header .elementor-item,
.ast-header-break-point .main-header-menu a,
.main-header-menu a.menu-link {
    color: #ffffff !important;
}

/* Ensure hover state stays visible */
header .elementor-nav-menu a:hover,
header .elementor-item:hover {
    color: #4ba3e3 !important;
}
.site-logo img,
.custom-logo {
    filter: brightness(1.2);
    mix-blend-mode: lighten !important;
}