/* /public_html/windmax2012/assets/css/site.css  — DROP-IN REPLACEMENT */

/* Brand tokens (COLOR ONLY) */
:root{
  --brand-accent:#1A237E; /* standard dark blue */
  --windmax:#1A237E;      /* alias for consistency */
  color-scheme: light;
}

/* Base layout: force WHITE background site-wide + black text */
html, body{
  background:#ffffff !important;
  color:#000000 !important;
  font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, Arial, sans-serif;
  scroll-behavior:smooth;
}
h1,h2,h3,h4,h5,h6,p,li{ color:#000 !important; }

/* Ensure all large containers stay white (override Pico dark auto) */
body, header, main, section, article, footer,
.container, .container-fluid{ background:#ffffff !important; }

/* ---------- TOP NAV (white bg, black text) ---------- */
nav.container-fluid{
  position:sticky; top:0; z-index:100;
  background:#ffffff !important;
  backdrop-filter:none !important;
  box-shadow:0 1px 0 rgba(0,0,0,.08);
}
nav.container-fluid a,
nav.container-fluid strong{ color:#000 !important; text-decoration:none; }
nav.container-fluid a[role="button"]{
  --pico-background-color:#ffffff;
  --pico-border-color:rgba(0,0,0,.35);
  color:#000 !important;
}
nav.container-fluid a[role="button"]:hover{
  --pico-border-color:rgba(0,0,0,.6);
  color:#000 !important;
}

/* ---------- HERO ---------- */
.hero{
  position:relative; text-align:center; color:#fff;
  padding:4rem 1rem; min-height:40vh;
  display:flex; flex-direction:column; justify-content:center;
}
.hero--home{
  min-height:80vh;
  background:url("../../hero.png") no-repeat center center/cover;
}
.hero h1{ margin-bottom:.5rem; }
.hero p{ margin:0; opacity:.95; }

/* ---------- CONTENT ---------- */
main.container section{ margin-block:3rem; }

/* Forms */
form.grid input, form.grid button,
.contact-form input, .contact-form textarea, .contact-form button{
  min-height:44px;
}

/* Primary CTA button uses brand blue */
.btn-cta{
  --pico-background-color:var(--brand-accent);
  --pico-border-color:transparent;
}

/* Footer */
footer{ text-align:center; padding:2rem 1rem; }