/**
 * Site-wide color override — deep blue + gold (replaces default teal theme)
 */
:root {
  --site-primary: #1e56d9;
  --site-primary-dark: #1e40af;
  --site-primary-light: #3b82f6;
  --site-accent: #f59e0b;
  --site-accent-dark: #d97706;
  --site-bg-deep: #0a1628;
  --site-bg-card: #1e293b;
  --site-text-muted: #94a3b8;
}

body {
  background-color: var(--site-bg-deep);
}

/* Hero title gradient (was purple + teal) */
.home-hero .hero-content h1,
.home-hero h1 span {
  background: linear-gradient(to right, #93c5fd, #f59e0b) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.site-header {
  background-color: rgba(15, 23, 42, 0.92) !important;
  border-bottom-color: rgba(30, 86, 217, 0.25) !important;
}

/* Header / nav accents */
.site-header,
header.header,
.main-header {
  border-color: rgba(30, 86, 217, 0.25);
}

a:hover,
.nav-link:hover,
.sub-link:hover {
  color: var(--site-primary-light) !important;
}

/* Bottom mobile menu */
.wp-bottom-menu {
  background: linear-gradient(180deg, #0f172a 0%, #0a1628 100%) !important;
  border-top-color: rgba(30, 86, 217, 0.35) !important;
}

.wp-bottom-menu__item.is-active .wp-bottom-menu__label,
.wp-bottom-menu__item.is-active .wp-bottom-menu__icon {
  color: var(--site-primary-light) !important;
}

.wp-bottom-menu__item--primary .wp-bottom-menu__primary-circle {
  background: linear-gradient(135deg, var(--site-primary) 0%, var(--site-primary-dark) 100%) !important;
  box-shadow: 0 4px 20px rgba(30, 86, 217, 0.45) !important;
}

/* Bento / cards */
.home-bento .bento-item .tag,
.badge .dot,
.stat-item .val.green,
.event-item .dot.yellow {
  background-color: var(--site-accent) !important;
}

.home-bento .bento-item .link,
.group-hover\:text-\[\#1e56d9\]:hover {
  color: var(--site-primary-light) !important;
}

/* Buttons & filters */
.filter-btn.active,
.filter-btn:hover,
button.primary,
.btn-primary {
  background-color: var(--site-primary) !important;
  border-color: var(--site-primary) !important;
}

.filter-btn.active {
  background: linear-gradient(135deg, var(--site-primary) 0%, var(--site-primary-dark) 100%) !important;
}

/* FAQ / Elementor accents */
.elementor-accordion-item.elementor-active .elementor-accordion-title,
.e-n-accordion-item[open] .e-n-accordion-item-title {
  color: var(--site-primary-light) !important;
}

/* Timeline / stats highlights */
.timeline .val.green,
.green {
  color: var(--site-accent) !important;
}

/* Footer */
.site-footer,
footer.footer {
  background: #0f172a !important;
  border-top: 1px solid rgba(30, 86, 217, 0.2);
}

/* Static mirror: restore backgrounds without WP Rocket lazy-load */
.home-bento .bento-grid .bento-item.bento-item--live-cover {
  background-image: url('/wp-content/themes/wctw2026/asset/img/bg_live.jpg') !important;
}
.wbc-hero__bg {
  background-image: url('/wp-content/themes/wctw2026/asset/img/wbc_hero_3.jpg') !important;
}
img[data-lazy-src] {
  display: inline !important;
}