/* === UDWDA Dynamic Theme CSS === */
:root {
  --green:       #2a4b2c;
  --green-light: #2a4b2c;
  --navy:        #2a4b2c;
  --navy-dark:   #0f3e21;
  --navy-light:  #2a4b2c;
  --gold-light:  #f5a623;
  --text:        #1f2937;
}


/* Header — maximum specificity override */
html body div .site-header,
html body .site-header,
html body header.site-header,
body .site-header,
.site-header,
#site-header {
  background: #2a4b2c !important;
  background-color: #2a4b2c !important;
}

/* Topbar */
html body .topbar { background: #0f3e21 !important; }

/* Hero */
.hero {
  background: linear-gradient(135deg, #2a4b2c 0%, #2a4b2c 100%) !important;
}
.hero__slide--overlay {
  background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.3) 60%, transparent 100%) !important;
}

/* Stats bar */
.stats-bar,
section.stats-bar,
div.stats-bar { background-color: #2a4b2c !important; }

/* Card image placeholder */
.card__img-placeholder {
  background: linear-gradient(135deg, #1a3a5c 0%, #2a4b2c 100%) !important;
}

/* Card headings */
.card h3 { color: #1a3a5c !important; }
.card h3 a { color: #1a3a5c !important; }
.section-header h2 { color: #1a3a5c !important; }

/* Read More buttons */
.btn-navy { background: #039236 !important; border-color: #039236 !important; color: #fff !important; }
.btn-navy:hover { background: #ffffff !important; border-color: #ffffff !important; }

/* Primary buttons */
.btn-primary { background: #039236 !important; border-color: #039236 !important; }
.btn-primary:hover { background: #ffffff !important; border-color: #ffffff !important; }

/* Footer */
.site-footer { background: #2a4b2c !important; }
.footer__bottom { background: #2a4b2c !important; }
.footer__social a:hover { background: #2a4b2c !important; }
.footer__heading { border-bottom-color: #2a4b2c !important; }

/* Pagination */
.pagination a:hover, .pagination .active {
  background: #2a4b2c !important;
  border-color: #2a4b2c !important;
  color: #fff !important;
}
.pagination a { color: #1a3a5c !important; }

/* Event date box */
.event-card__date { background: #1a3a5c !important; }

/* Document icon */
.doc-item__icon { background: #1a3a5c !important; }

/* Prose table */
.prose th { background: #1a3a5c !important; }

/* Sidebar */
.sidebar-widget h3 { color: #1a3a5c !important; border-bottom-color: #2a4b2c !important; }

/* Links */
a:hover { color: #039236 !important; }
.breadcrumb a { color: #2a4b2c !important; }

/* Logo */
.logo__abbr { color: #f5a623 !important; }

/* Service cards */
.service-card__icon { background: #2a4b2c22 !important; }
.service-card__icon i { color: #2a4b2c !important; }
.service-card:hover .service-card__icon { background: #2a4b2c44 !important; }
.service-card:hover { border-bottom-color: #2a4b2c !important; }
.service-card__link { color: #2a4b2c !important; }

/* Section eyebrow & hero tag */
.section-header__eyebrow { color: #2a4b2c !important; }
.hero__tag { background: #2a4b2c !important; }

/* Badge */
.badge-navy { background: #1a3a5c !important; }

/* ── Sticky header scrolled state ───────────────────────── */
.site-header {
  transition: box-shadow .3s ease, background .3s ease !important;
}
.header--scrolled {
  box-shadow: 0 4px 24px rgba(0,0,0,.25) !important;
  background: #2a4b2c !important;
}
@media (max-width: 900px) {
  .header--scrolled { box-shadow: 0 2px 12px rgba(0,0,0,.2) !important; }
}

/* ── Static hero enhancement ─────────────────────────────── */
.hero--static {
  min-height: 280px !important;
  will-change: background-position;
  background:
    radial-gradient(ellipse at 70% 50%, rgba(255,255,255,.04) 0%, transparent 60%),
    linear-gradient(135deg, #2a4b2c 0%, #2a4b2c 100%) !important;
  position: relative;
  overflow: hidden;
}

/* Dot grid overlay */
.hero--static::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
  z-index: 0;
}

/* Diagonal accent line */
.hero--static::after {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(135deg, transparent 0%, rgba(255,255,255,.04) 100%);
  pointer-events: none;
  z-index: 0;
}

.hero--static .hero__content {
  position: relative;
  z-index: 1;
  padding: 3.5rem 0 !important;
}

.hero--static .hero__tag {
  background: rgba(255,255,255,.15) !important;
  color: rgba(255,255,255,.9) !important;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255,255,255,.2);
  font-size: .72rem !important;
  letter-spacing: .12em !important;
}

.hero--static h1 {
  font-size: clamp(1.8rem, 4vw, 2.75rem) !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.2);
  margin-top: .75rem !important;
}

.hero--static p {
  color: rgba(255,255,255,.8) !important;
  font-size: 1rem !important;
  max-width: 560px;
  margin-top: .5rem !important;
}

/* Dropdown menu background */
html body .main-nav ul li.has-dropdown ul.dropdown,
html body .main-nav ul li ul.dropdown,
html body ul.dropdown,
html body .dropdown {
  background-color: #2a4b2c !important;
  border-top-color: #f5a623 !important;
}
html body .dropdown li a,
html body .dropdown a {
  color: rgba(255,255,255,.9) !important;
}
html body .dropdown li a:hover,
html body .dropdown a:hover {
  background: rgba(255,255,255,.1) !important;
  color: #f5a623 !important;
}

/* Hero static page — remove blue gradient */
.hero--static {
  background: linear-gradient(135deg, #2a4b2c 0%, #2a4b2c 100%) !important;
}

/* Breadcrumb — remove number */
.breadcrumb ol,
.breadcrumb ol li { list-style: none !important; }
.breadcrumb ol li::marker { display: none !important; content: none !important; }

/* Mobile nav background — transparent on desktop, match header on mobile */
@media (min-width: 769px) {
  .main-nav { background: transparent !important; }
}
@media (max-width: 768px) {
  .main-nav { background: #2a4b2c !important; }
}
/* Force mobile nav to match header */
@media (max-width: 768px) {
  .main-nav.open { background: #2a4b2c !important; }
  .main-nav { background: #2a4b2c !important; }
}

/* Force mobile nav to match header */
@media (max-width: 768px) {
  .main-nav.open { background: #2a4b2c !important; }
  .main-nav { background: #2a4b2c !important; }
}