/* ============================================
   KAIA EAKIN CAMPAIGN - BOLD GREEN & BLUE REDESIGN
   ============================================ */

:root {
  --kaia-green: #C2D950;
  --kaia-green-light: #D4E87A;
  --kaia-green-dark: #A3B83E;
  --kaia-blue: #2068B3;
  --kaia-blue-dark: #174E8A;
  --kaia-navy: #0F172A;
  --kaia-white: #FFFFFF;
  --kaia-light: #F0FDF4;

  /* Override Astra pink palette with green/blue brand colors */
  --ast-global-color-4: #F0FDF4 !important;
  --ast-global-color-6: #DCFCE7 !important;
  --ast-global-color-7: #0F172A !important;
}

body {
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
}

h1, h2, h3, h4 {
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* --- HEADER / NAV --- */
.site-header,
.ast-primary-header-bar,
#masthead {
  background: var(--kaia-navy) !important;
  border-bottom: 3px solid var(--kaia-green) !important;
}

.site-title,
.ast-site-title-wrap .site-title {
  display: none !important;
}

.main-navigation a,
.ast-nav-menu a,
#site-navigation a {
  color: var(--kaia-white) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.08em !important;
  transition: color 0.2s ease !important;
}

.main-navigation a:hover,
.ast-nav-menu a:hover {
  color: var(--kaia-green-light) !important;
}

/* "Get Involved" nav button */
.ast-nav-menu .menu-item:last-child a,
.nav-menu .menu-item:last-child a {
  background: var(--kaia-green) !important;
  color: white !important;
  padding: 8px 20px !important;
  border-radius: 4px !important;
  border: 2px solid var(--kaia-green) !important;
  transition: all 0.2s ease !important;
}

.ast-nav-menu .menu-item:last-child a:hover {
  background: transparent !important;
  color: var(--kaia-green-light) !important;
  border-color: var(--kaia-green-light) !important;
}

/* --- HERO SECTION --- */
.elementor-top-section:first-of-type {
  background: linear-gradient(135deg, var(--kaia-navy) 0%, #0C2461 55%, #0F6B31 100%) !important;
  padding: 80px 0 !important;
}

.elementor-top-section:first-of-type h1,
.elementor-top-section:first-of-type h2 {
  color: var(--kaia-white) !important;
  font-size: clamp(2.5rem, 6vw, 5rem) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

.elementor-top-section:first-of-type p {
  color: rgba(255,255,255,0.85) !important;
  font-size: 1.3rem !important;
  font-weight: 500 !important;
}

/* --- ALL SECTION HEADINGS --- */
.elementor-heading-title {
  font-weight: 800 !important;
}

h2.elementor-heading-title {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem) !important;
  line-height: 1.1 !important;
}

/* --- BUTTONS --- */
.elementor-button,
.elementor-button-wrapper .elementor-button,
a.elementor-button {
  background: var(--kaia-green) !important;
  color: white !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 14px 32px !important;
  font-size: 0.95rem !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 15px rgba(22, 163, 74, 0.3) !important;
}

.elementor-button:hover,
a.elementor-button:hover {
  background: var(--kaia-green-dark) !important;
  box-shadow: 0 6px 20px rgba(22, 163, 74, 0.45) !important;
  transform: translateY(-1px) !important;
}

/* --- ALTERNATING SECTIONS --- */
.elementor-top-section:nth-child(even) {
  background-color: var(--kaia-light) !important;
}

.elementor-top-section:nth-child(3) {
  background: var(--kaia-navy) !important;
}

.elementor-top-section:nth-child(3) h2,
.elementor-top-section:nth-child(3) h3,
.elementor-top-section:nth-child(3) p {
  color: var(--kaia-white) !important;
}

.elementor-top-section:nth-child(3) h2 {
  color: var(--kaia-green-light) !important;
}

/* --- ICON BOXES --- */
.elementor-icon-box-wrapper {
  border-left: 4px solid var(--kaia-green) !important;
  padding-left: 16px !important;
}

.elementor-icon-box-title {
  color: var(--kaia-blue-dark) !important;
  font-weight: 700 !important;
}

/* --- IMAGES --- */
.elementor-widget-image img {
  border-radius: 6px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important;
}

/* --- FIX ELEMENTOR COLUMN LAYOUTS --- */

/* Force all Elementor rows/containers to flex */
.elementor-section > .elementor-container > .elementor-row,
.elementor-section > .elementor-container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  width: 100% !important;
}

/* Columns: flex children that fill their row */
.elementor-row > .elementor-column {
  display: flex !important;
  flex-direction: column !important;
  min-height: 1px !important;
}

/* Default: equal columns share space */
.elementor-row > .elementor-column {
  flex: 1 1 0% !important;
}

/* 50% column */
.elementor-col-50 {
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

/* 33% column */
.elementor-col-33 {
  width: 33.333% !important;
  flex: 0 0 33.333% !important;
  max-width: 33.333% !important;
}

/* 66% column */
.elementor-col-66 {
  width: 66.667% !important;
  flex: 0 0 66.667% !important;
  max-width: 66.667% !important;
}

/* 25% column */
.elementor-col-25 {
  width: 25% !important;
  flex: 0 0 25% !important;
  max-width: 25% !important;
}

/* 75% column */
.elementor-col-75 {
  width: 75% !important;
  flex: 0 0 75% !important;
  max-width: 75% !important;
}

/* 100% column */
.elementor-col-100 {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Inner widget wrap fills column */
.elementor-column > .elementor-widget-wrap {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Standardize service item images */
.elementor-inner-section .elementor-widget-image img {
  width: 120px !important;
  height: 90px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* Section padding */
.elementor-section.elementor-top-section {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.elementor-inner-section {
  padding: 0 !important;
  margin-bottom: 20px !important;
}

/* Container max-width */
.elementor-section-boxed > .elementor-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 30px !important;
}

/* Mobile stacking */
@media (max-width: 767px) {
  .elementor-col-50,
  .elementor-col-33,
  .elementor-col-66,
  .elementor-col-25,
  .elementor-col-75 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* --- FOOTER --- */
.site-footer,
#colophon,
.ast-small-footer {
  background: var(--kaia-navy) !important;
  color: rgba(255,255,255,0.7) !important;
  border-top: 3px solid var(--kaia-green) !important;
}

.site-footer a,
#colophon a {
  color: var(--kaia-green-light) !important;
}

/* ============================================
   TARGETED UAG BLOCK OVERRIDES
   ============================================ */

/* --- HERO SECTION (uagb-block-dda4c8b1) --- */
.wp-block-uagb-container.uagb-block-dda4c8b1 {
  background: linear-gradient(135deg, #2068B3 0%, #C2D950 100%) !important;
  min-height: 550px !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
  max-width: 100% !important;
}

/* Hero text color */
.wp-block-uagb-container.uagb-block-dda4c8b1 h1,
.wp-block-uagb-container.uagb-block-dda4c8b1 h2,
.wp-block-uagb-container.uagb-block-dda4c8b1 p {
  color: var(--kaia-white) !important;
}

.wp-block-uagb-container.uagb-block-dda4c8b1 h1 {
  font-size: clamp(3rem, 6vw, 5.5rem) !important;
  font-weight: 900 !important;
  line-height: 1.0 !important;
  letter-spacing: -0.02em !important;
}

.wp-block-uagb-container.uagb-block-dda4c8b1 h2 {
  font-size: clamp(1.4rem, 2.5vw, 2rem) !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.85) !important;
}

/* Constrain hero image height */
.wp-block-uagb-container.uagb-block-dda4c8b1 img {
  max-height: 500px !important;
  width: auto !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4) !important;
}

/* --- MISSION SECTION (uagb-block-114b0629) --- */
.wp-block-uagb-container.uagb-block-114b0629 {
  background: linear-gradient(90deg, var(--kaia-blue-dark) 41%, var(--kaia-navy) 41%) !important;
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.wp-block-uagb-container.uagb-block-114b0629 h2,
.wp-block-uagb-container.uagb-block-114b0629 h3,
.wp-block-uagb-container.uagb-block-114b0629 p {
  color: var(--kaia-white) !important;
}

.wp-block-uagb-container.uagb-block-114b0629 h2 {
  font-size: clamp(1.6rem, 2.5vw, 2.2rem) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

/* --- MEET KAIA SECTION (uagb-block-d90960c4) --- */
.wp-block-uagb-container.uagb-block-d90960c4 {
  background-color: #F8FFFE !important;
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

/* --- DONATE CTA SECTION (uagb-block-0c49f28e) --- */
.wp-block-uagb-container.uagb-block-0c49f28e {
  background: linear-gradient(135deg, #2068B3 0%, #C2D950 100%) !important;
}

.wp-block-uagb-container.uagb-block-0c49f28e h1,
.wp-block-uagb-container.uagb-block-0c49f28e h2,
.wp-block-uagb-container.uagb-block-0c49f28e p {
  color: var(--kaia-white) !important;
}

/* --- WHY CHOOSE KAIA (uagb-block-7ce8ce00) --- */
.wp-block-uagb-container.uagb-block-7ce8ce00 {
  background-color: var(--kaia-light) !important;
}

/* --- ALL SECTION HEADINGS --- */
.wp-block-uagb-advanced-heading h1,
.wp-block-uagb-advanced-heading h2,
.wp-block-uagb-advanced-heading h3 {
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

/* Eyebrow labels */
.wp-block-uagb-advanced-heading h6,
.wp-block-uagb-advanced-heading h5 {
  color: var(--kaia-green) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
}

/* --- UAG BUTTONS --- */
.wp-block-uagb-buttons-child a,
.wp-block-uagb-buttons a {
  background: var(--kaia-green) !important;
  border-color: var(--kaia-green) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
}

.wp-block-uagb-buttons-child a:hover,
.wp-block-uagb-buttons a:hover {
  background: var(--kaia-green-dark) !important;
  border-color: var(--kaia-green-dark) !important;
}

/* Info boxes */
.wp-block-uagb-info-box {
  border-left: 3px solid var(--kaia-green) !important;
  padding-left: 12px !important;
}

.wp-block-uagb-info-box .uagb-ifb-title {
  color: var(--kaia-navy) !important;
  font-weight: 700 !important;
}

/* --- CONTACT PAGE --- */
.wp-block-uagb-container.uagb-block-398cb9f6 {
  background: var(--kaia-navy) !important;
  background-image: none !important;
  background-color: var(--kaia-navy) !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  min-height: unset !important;
}

.wp-block-uagb-container.uagb-block-398cb9f6::before,
.wp-block-uagb-container.uagb-block-398cb9f6::after {
  display: none !important;
}

.wp-block-uagb-container.uagb-block-398cb9f6 .elementor-background-overlay,
.wp-block-uagb-container.uagb-block-398cb9f6 .uagb-container__video-wrap {
  display: none !important;
}

.wp-block-uagb-container.uagb-block-398cb9f6 h1,
.wp-block-uagb-container.uagb-block-398cb9f6 h2,
.wp-block-uagb-container.uagb-block-398cb9f6 p {
  color: var(--kaia-white) !important;
}

/* Hide raw shortcode text */
.wp-block-uagb-container.uagb-block-fd1e1b97 p:empty,
.wp-block-uagb-container.uagb-block-fd1e1b97 > .uagb-container-inner-blocks-wrap > *:last-child {
  background-color: #f8f8f8 !important;
  border-radius: 6px !important;
  min-height: 200px !important;
}

/* Contact section background */
body .wp-block-uagb-container.uagb-block-fd1e1b97 {
  background: linear-gradient(90deg, #ffffff 42%, #F0FDF4 42%) !important;
  background-color: unset !important;
}

/* ============================================
   DONATE PAGE
   ============================================ */

.kaia-donate-hero {
  background: linear-gradient(135deg, #2068B3 0%, #C2D950 100%);
  padding: 80px 20px;
  text-align: center;
}

.kaia-donate-hero-inner {
  max-width: 760px;
  margin: 0 auto;
}

.kaia-donate-hero h1 {
  color: #fff !important;
  font-size: clamp(2.5rem, 6vw, 4.5rem) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
  margin-bottom: 20px !important;
}

.kaia-donate-hero p {
  color: rgba(255,255,255,0.9) !important;
  font-size: 1.25rem !important;
  font-weight: 500 !important;
}

.kaia-donate-section {
  background: #fff;
  padding: 70px 20px;
}

.kaia-donate-inner {
  max-width: 900px;
  margin: 0 auto;
}

.kaia-donate-section h2 {
  color: #0F172A !important;
  font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}

.kaia-donate-section > .kaia-donate-inner > p {
  color: #555 !important;
  font-size: 1.1rem !important;
  margin-bottom: 30px !important;
}

.kaia-amount-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}

.kaia-amount-btn {
  display: inline-block;
  padding: 14px 28px;
  border: 2px solid #2068B3;
  color: #2068B3 !important;
  font-weight: 700;
  font-size: 1.1rem;
  border-radius: 6px;
  text-decoration: none !important;
  transition: all 0.2s ease;
  background: #fff;
  min-width: 90px;
  text-align: center;
}

.kaia-amount-btn:hover {
  background: #2068B3;
  color: #fff !important;
}

.kaia-amount-btn.kaia-amount-featured {
  background: #2068B3;
  color: #fff !important;
  border-color: #2068B3;
}

.kaia-amount-btn.kaia-amount-featured:hover {
  background: #174E8A;
  border-color: #174E8A;
}

.kaia-paypal-placeholder {
  background: #F8FAFC;
  border: 2px dashed #CBD5E1;
  border-radius: 12px;
  padding: 50px 30px;
  text-align: center;
}

.kaia-paypal-coming-soon .kaia-paypal-icon {
  font-size: 3rem;
  display: block;
  margin-bottom: 16px;
}

.kaia-paypal-coming-soon h3 {
  color: #0F172A !important;
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
}

.kaia-paypal-coming-soon p {
  color: #555 !important;
  font-size: 1rem !important;
}

.kaia-paypal-coming-soon a {
  color: #2068B3 !important;
  font-weight: 600;
}

.kaia-donate-why {
  background: #F0F7FF;
  padding: 70px 20px;
}

.kaia-donate-why h2 {
  color: #0F172A !important;
  font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
  font-weight: 800 !important;
  margin-bottom: 40px !important;
  text-align: center;
}

.kaia-donate-reasons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 30px;
}

.kaia-donate-reason {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  border-top: 4px solid #C2D950;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.kaia-donate-reason-icon {
  font-size: 2rem;
  margin-bottom: 14px;
}

.kaia-donate-reason h3 {
  color: #2068B3 !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  margin-bottom: 10px !important;
}

.kaia-donate-reason p {
  color: #444 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
}

.kaia-donate-legal {
  background: #0F172A;
  padding: 30px 20px;
  text-align: center;
}

.kaia-donate-legal p {
  color: rgba(255,255,255,0.5) !important;
  font-size: 0.8rem !important;
  max-width: 760px;
  margin: 0 auto !important;
  line-height: 1.6 !important;
}

/* ============================================
   ENDORSEMENTS PAGE
   ============================================ */

.kaia-endorsements-hero {
  background: linear-gradient(135deg, #2068B3 0%, #C2D950 100%);
  padding: 80px 20px;
  text-align: center;
}

.kaia-endorse-inner {
  max-width: 800px;
  margin: 0 auto;
}

.kaia-endorsements-hero h1 {
  color: #fff !important;
  font-size: clamp(2.5rem, 6vw, 4.5rem) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

.kaia-endorsements-hero p {
  color: rgba(255,255,255,0.9) !important;
  font-size: 1.2rem !important;
}

.kaia-endorsements-stub {
  padding: 80px 20px;
  background: #F0F7FF;
}

.kaia-endorse-coming-soon {
  background: #fff;
  border-radius: 12px;
  padding: 60px 40px;
  text-align: center;
  border-top: 4px solid #C2D950;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

.kaia-endorse-icon {
  font-size: 3rem;
  display: block;
  margin-bottom: 20px;
}

.kaia-endorse-coming-soon h2 {
  color: #0F172A !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
}

.kaia-endorse-coming-soon p {
  color: #555 !important;
  font-size: 1.1rem !important;
  line-height: 1.7 !important;
  max-width: 560px;
  margin: 0 auto 30px !important;
}

.kaia-endorse-btn {
  display: inline-block;
  background: #2068B3;
  color: #fff !important;
  font-weight: 700;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 14px 32px;
  border-radius: 6px;
  text-decoration: none !important;
  transition: background 0.2s ease;
}

.kaia-endorse-btn:hover {
  background: #174E8A;
}

/* --- MOBILE --- */
@media (max-width: 768px) {
  .wp-block-uagb-container.uagb-block-dda4c8b1 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    min-height: auto !important;
  }

  .wp-block-uagb-container.uagb-block-dda4c8b1 img {
    max-height: 350px !important;
  }
}