/* ============================================================
   THEME: Charcoal + Cornflower Blue
   Deep charcoal/black primary, cornflower blue accent #6495ED
   To activate: replace the theme link in header.php with
   theme-charcoal-cornflower.css
   ============================================================ */

:root {
  --primary:      #1a1a1a;
  --primary-dark: #0d0d0d;
  --primary-mid:  #2e2e2e;
  --accent:       #6495ED;
  --accent-light: #87AEEF;
  --blue-bright:  #6495ED;
  --blue-light:   #EEF3FD;
  --text:         #1e1e1e;
  --text-muted:   #6b7280;
  --white:        #ffffff;
  --off-white:    #f5f7fd;
  --border:       #d8e4f8;
  --shadow:       0 4px 24px rgba(100,149,237,0.12);
  --shadow-lg:    0 8px 40px rgba(100,149,237,0.20);
}

/* ── Hero images — navy/blue toned ── */
.hero-img-s1 { background-image: url('../images/hero/navy/slide1.jpg'); }
.hero-img-s2 { background-image: url('../images/hero/navy/slide2.jpg'); }
.hero-img-s3 { background-image: url('../images/hero/navy/slide3.jpg'); }

/* Cornflower tint overlay on hero images */
.hero-img-overlay {
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.90) 0%,
    rgba(13,22,55,0.55) 38%,
    rgba(100,149,237,0.18) 62%,
    transparent 100%
  );
}

/* Legacy topbar (unused) */
.topbar { background: var(--primary-dark); }

/* Site header — brand row stays white */
.site-header { border-bottom: none; }
.header-brand-row {
  background: var(--white);
  border-bottom: 2px solid var(--accent);
}

/* Navigation row — deep charcoal */
.navbar {
  background: var(--primary-dark);
  border-top: none;
}

/* Nav link: bright white on dark bg */
.nav-link {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* Hover / active: cornflower text + subtle underline */
.nav-link:hover,
.nav-link.active {
  color: var(--accent-light) !important;
  background: rgba(100, 149, 237, 0.12);
  border-bottom-color: var(--accent);
}

/* Dropdown card: dark charcoal surface */
.dropdown-menu {
  background: #1a1a1a;
  border: 1px solid #333;
  border-top: 3px solid var(--accent);
}
.dropdown-menu a {
  color: rgba(255, 255, 255, 0.82);
}
.dropdown-menu a:hover {
  background: rgba(100, 149, 237, 0.14);
  color: var(--accent-light);
  border-left-color: var(--accent);
}

/* Mobile nav overlay — charcoal */
@media (max-width: 768px) {
  .navbar-nav { background: #0d0d0d; }
  .nav-link { border-bottom-color: rgba(255,255,255,0.07) !important; }
  .nav-link.active { background: rgba(100,149,237,0.12); border-left-color: var(--accent) !important; }
  .has-dropdown.mob-open .dropdown-menu { background: #111; }
  .dropdown-menu a { color: rgba(255,255,255,0.78); border-bottom-color: rgba(255,255,255,0.05); }
}

/* Buttons */
.btn-primary { background: var(--accent); color: var(--white); }
.btn-primary:hover { background: var(--accent-light); }
.btn-outline  { border-color: rgba(255,255,255,0.7); color: var(--white); }
.btn-outline:hover { background: rgba(255,255,255,0.12); border-color: var(--white); }

/* Hero slide background */
.hero-slide-bg {
  background: linear-gradient(135deg, #0d0d0d 0%, #1a2040 100%);
}
.hero-slide:nth-child(2) .hero-slide-bg {
  background: linear-gradient(135deg, #0d0d0d 0%, #1c2448 100%);
}
.hero-slide:nth-child(3) .hero-slide-bg {
  background: linear-gradient(135deg, #0d0d0d 0%, #151c38 100%);
}

/* Hero badge */
.hero-badge {
  background: rgba(100, 149, 237, 0.15);
  border-color: var(--accent);
  color: var(--accent-light);
}

/* Section backgrounds */
.section-alt { background: var(--off-white); }

/* Cards */
.card { border-color: var(--border); }
.card:hover { border-color: var(--accent); box-shadow: var(--shadow-lg); }

/* Footer */
.site-footer { background: #0d0d0d; }
.footer-bottom { background: #050505; }
.footer-bottom a:hover { color: var(--accent-light); }

/* Headings */
h1,h2,h3,h4,h5,h6 { color: var(--primary); }

/* Section title underline accent */
.section-title::after { background: var(--accent); }

/* Links */
a:hover { color: var(--accent); }

/* Page hero */
.page-hero { background: linear-gradient(135deg, #0d0d0d 0%, #1a2040 100%); }

/* Submit btn in navbar */
.navbar-nav .btn-primary { background: var(--accent); color: var(--white); }

/* Topbar links */
.topbar a:hover { color: var(--accent-light); }

/* Form focus */
.form-control:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(100,149,237,0.15); }

.content-visual-inner { background: linear-gradient(135deg, #0d1236, #6495ED); }