/* ============================================================
   Zola's Jerk Marinade — Brand Theme Override
   Fiery orange (#E07319) + dark charcoal palette
   ============================================================ */

:root {
  --jm-primary:      #E07319;
  --jm-primary-dark:  #c96210;
  --jm-primary-light: #f09a4e;
  --jm-ember:        #1a1008;
  --jm-charcoal:     #141010;
  --jm-card:         #1c1510;
  --jm-border:       #2e2218;
  --jm-text:         #f0e6da;
  --jm-text-muted:   #a08c74;
  --jm-cream:        #f5ebe0;
}

/* ---- Page base ---- */
body.theme-jerk-marinade {
  background: var(--jm-charcoal);
  color: var(--jm-text);
}

/* ---- Global navbar overrides ---- */
body.theme-jerk-marinade .navbar.scrolled {
  background: rgba(20, 16, 16, .94);
  box-shadow: 0 1px 0 var(--jm-border);
}

body.theme-jerk-marinade .navbar__links > a:hover,
body.theme-jerk-marinade .dropdown__trigger:hover,
body.theme-jerk-marinade .dropdown.open .dropdown__trigger {
  color: var(--jm-primary);
}

body.theme-jerk-marinade .navbar__links > a::after {
  background: var(--jm-primary);
}

body.theme-jerk-marinade .dropdown__menu {
  background: rgba(28, 21, 16, .97);
  border-color: var(--jm-border);
}

body.theme-jerk-marinade .dropdown__menu a:hover {
  background: rgba(224, 115, 25, .1);
  color: var(--jm-primary);
}

/* ---- Sub-nav overrides ---- */
body.theme-jerk-marinade .subnav {
  background: var(--jm-ember);
  border-bottom-color: var(--jm-border);
}

body.theme-jerk-marinade .subnav__links a {
  color: var(--jm-text-muted);
}

body.theme-jerk-marinade .subnav__links a:hover,
body.theme-jerk-marinade .subnav__links a.active {
  color: var(--jm-primary);
}

/* ---- Hero ---- */
body.theme-jerk-marinade .hero {
  background: linear-gradient(170deg, var(--jm-charcoal) 0%, var(--jm-ember) 50%, var(--jm-charcoal) 100%);
}

body.theme-jerk-marinade .hero::before {
  background: radial-gradient(ellipse at 50% 30%, rgba(224, 115, 25, .1) 0%, transparent 70%);
}

body.theme-jerk-marinade .hero__tagline {
  color: var(--jm-primary);
}

body.theme-jerk-marinade .hero__title {
  color: var(--jm-text);
}

body.theme-jerk-marinade .hero__description {
  color: var(--jm-text-muted);
}

/* ---- Buttons ---- */
body.theme-jerk-marinade .btn-primary {
  background: var(--jm-primary);
  color: #fff;
}

body.theme-jerk-marinade .btn-primary:hover {
  background: var(--jm-primary-dark);
  box-shadow: 0 8px 24px rgba(224, 115, 25, .35);
}

body.theme-jerk-marinade .btn-outline {
  color: var(--jm-primary);
  border-color: var(--jm-primary);
}

body.theme-jerk-marinade .btn-outline:hover {
  background: var(--jm-primary);
  color: #fff;
}

/* ---- Section labels & titles ---- */
body.theme-jerk-marinade .section-label {
  color: var(--jm-primary);
}

body.theme-jerk-marinade .section-title {
  color: var(--jm-text);
}

body.theme-jerk-marinade .section-subtitle {
  color: var(--jm-text-muted);
}

/* ---- CTA Banner override ---- */
body.theme-jerk-marinade .cta-banner__inner {
  background: linear-gradient(135deg, var(--jm-card) 0%, rgba(224, 115, 25, .08) 100%);
  border-color: var(--jm-border);
}

body.theme-jerk-marinade .cta-banner__title {
  color: var(--jm-text);
}

body.theme-jerk-marinade .cta-banner__desc {
  color: var(--jm-text-muted);
}

/* ---- Footer override ---- */
body.theme-jerk-marinade .footer {
  border-top-color: var(--jm-border);
}

body.theme-jerk-marinade .footer__col a:hover,
body.theme-jerk-marinade .footer__contact a:hover {
  color: var(--jm-primary);
}

body.theme-jerk-marinade .footer__copy {
  border-top-color: var(--jm-border);
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
  body.theme-jerk-marinade .navbar__links {
    background: rgba(20, 16, 16, .98);
  }

  body.theme-jerk-marinade .dropdown__menu {
    background: transparent;
    border-left-color: var(--jm-primary);
  }

  body.theme-jerk-marinade .dropdown__menu a {
    color: var(--jm-text-muted);
  }
}