/*
Theme Name: Amita Gupta for Wake Education
Theme URI: https://amitaguptaforwake.com
Author: Amita Gupta Campaign
Description: Custom campaign theme for Amita Gupta for Wake Board of Education, District 7. Colors and layout match the official campaign logo/signage (navy, red, white, gold star).
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: amita-gupta-2026
*/

:root{
  --navy:#13234C;
  --navy-deep:#0c1830;
  --red:#C8102E;
  --gold:#C8102E; /* star accent reuses red; swap to a true gold hex if the print logo uses one */
  --bg:#ffffff;
  --muted:#5a5f6b;
  --border:#e6e9f0;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.6;
  margin:0;
  color:#15191f;
  background:var(--bg);
}
a{color:var(--navy)}
img{max-width:100%;display:block}

.container{max-width:1080px;margin:0 auto;padding:0 24px}

/* Header / Nav */
.site-header{
  background:#fff;
  color:var(--navy);
  padding:0;
  position:relative;
  border-bottom:4px solid var(--red);
}
.site-header .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  padding:18px 24px;
}
.brand-block{display:flex;align-items:center}
.brand-block img.custom-logo{max-height:410px;width:auto}

.primary-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.primary-nav a{color:var(--navy);text-decoration:none;font-weight:600;font-size:.95rem;padding:6px 2px;border-bottom:2px solid transparent}
.primary-nav a:hover,.primary-nav a:focus{border-bottom-color:var(--red)}
.nav-donate a{
  background:var(--red);
  color:#fff !important;
  padding:8px 18px;
  border-radius:999px;
  border-bottom:none !important;
}
.nav-donate a:hover{background:#a40d26}

.btn{
  display:inline-block;
  margin:6px 8px 0 0;
  padding:12px 22px;
  text-decoration:none;
  border-radius:8px;
  font-weight:700;
  font-size:.95rem;
  border:2px solid transparent;
  transition:transform .08s ease, opacity .08s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:#a40d26}
.btn-outline{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn-outline:hover{background:var(--navy);color:#fff}

/* Sections */
section.block{padding:40px 0;border-bottom:1px solid var(--border)}
section.block h3{
  margin:0 0 16px;color:var(--navy);font-size:1.4rem;
  position:relative;padding-left:16px;border-left:5px solid var(--red);
}
/* Editable page content (the_content()) — style WordPress's own core blocks so
   editors get the same look as the old hardcoded markup without special classes. */
.page-content h2,.page-content h3,.page-content h4{color:var(--navy)}
.page-content h3{font-size:1.4rem;position:relative;padding-left:16px;border-left:5px solid var(--red)}
.page-content p{color:var(--muted)}
.page-content .wp-block-columns{gap:20px;margin-top:20px}
.page-content .wp-block-column{
  background:#f7f9fc;border:1px solid var(--border);border-radius:10px;padding:18px;
}
.page-content .wp-block-column h2,.page-content .wp-block-column h3,.page-content .wp-block-column h4{
  margin:0 0 6px;font-size:1.05rem;border-left:none;padding-left:0;
}
.page-content .wp-block-column p{margin:0;font-size:.92rem}
.page-content .wp-block-button__link{
  background:var(--red);color:#fff;border-radius:8px;padding:12px 22px;font-weight:700;text-decoration:none;
}
.page-content .wp-block-button__link:hover{background:#a40d26}
.page-content .wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent;color:var(--navy);border:2px solid var(--navy);
}

/* Footer */
.site-footer{background:var(--navy-deep);color:#cfe0ff;padding:30px 0;text-align:center}
.site-footer a{color:#fff}
.footer-contact p{margin:4px 0}
.credit{font-size:.85rem;margin-top:10px;color:#9aaedb}

@media(max-width:640px){
  .primary-nav ul{justify-content:center}
  .site-header .container{flex-direction:column;text-align:center}
}