/* === AOBDA Dynamic Theme CSS === */
:root {
  --green:       #132244;
  --green-light: #132244;
  --navy:        #06163a;
  --navy-dark:   #132244;
  --navy-light:  #132244;
  --gold-light:  #ffffff;
  --text:        #1f2937;
}

/* Header */
html body div .site-header,
html body .site-header,
html body header.site-header,
body .site-header,
.site-header,
#site-header {
  background: #06163a !important;
  background-color: #06163a !important;
}

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

/* Hero */
.hero {
  background: linear-gradient(135deg, #132244 0%, #132244 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: #132244 !important; }

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

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

/* Buttons */
.btn-navy { background: #ff3514 !important; border-color: #ff3514 !important; color: #fff !important; }
.btn-navy:hover { background: #1f2937 !important; border-color: #1f2937 !important; }
.btn-primary { background: #ff3514 !important; border-color: #ff3514 !important; }
.btn-primary:hover { background: #1f2937 !important; border-color: #1f2937 !important; }

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

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

/* Misc components */
.event-card__date { background: #1a3a5c !important; }
.doc-item__icon { background: #1a3a5c !important; }
.prose th { background: #1a3a5c !important; }
.sidebar-widget h3 { color: #1a3a5c !important; border-bottom-color: #132244 !important; }
a:hover { color: #ff3514 !important; }
.breadcrumb a { color: #132244 !important; }
.logo__abbr { color: #ffffff !important; }

/* Service cards */
.service-card__icon { background: #e9ecef !important; }
.service-card__icon i { color: var(--navy) !important; }
.service-card:hover .service-card__icon { background: #dde1e5 !important; }
.service-card:hover { border-bottom-color: var(--green) !important; }
.service-card__link { color: var(--primary) !important; }
.section-header__eyebrow { color: #132244 !important; }
.hero__tag { background: #132244 !important; }
.badge-navy { background: #1a3a5c !important; }

/* Sticky header */
.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: #06163a !important;
}

/* Static hero */
.hero--static {
  min-height: 280px !important;
  background:
    radial-gradient(ellipse at 70% 50%, rgba(255,255,255,.04) 0%, transparent 60%),
    linear-gradient(135deg, #132244 0%, #132244 100%) !important;
  position: relative;
  overflow: hidden;
}
.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;
}
.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 menus — desktop only */
@media (min-width: 769px) {
  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: #0f2440 !important;
    border-top-color: #ffffff !important;
    opacity: 0;
    visibility: hidden;
    display: block;
  }
  html body .has-dropdown:hover .dropdown,
  html body .has-dropdown.open .dropdown {
    opacity: 1 !important;
    visibility: visible !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: #ffffff !important;
  }
}

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

/* ── Nav background — desktop transparent, mobile matches header ── */
@media (min-width: 769px) {
  .main-nav { background: transparent !important; }
}
@media (max-width: 768px) {
  .main-nav,
  .main-nav.open {
    background: #132244 !important;
    background-color: #132244 !important;
  }
  .main-nav > ul > li > a {
    color: rgba(255,255,255,.9) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }
  .main-nav > ul > li > a:hover,
  .main-nav > ul > li > a.active {
    color: #ffffff !important;
  }
}