/* ================================================================
   ACBD FOOTBALL — THÈMES SAISONNIERS
   Appliqués via la classe .theme-xxx sur <body>
   Le bleu marine du club reste toujours dominant.
   Seuls l'accent, les dégradés et détails changent.
   ================================================================ */

/* ── CLASSIQUE (défaut) ─────────────────────────────────────────
   Or #e8b84b — thème permanent hors période spéciale             */
body.theme-classique,
body:not([class*="theme-"]) {
  --accent:       #e8b84b;
  --accent-fonce: #c49a2a;
  --accent-pale:  rgba(232,184,75,.15);
  --nav-gradient: linear-gradient(135deg, #040f1f 0%, #072C60 100%);
  --hero-gradient:linear-gradient(135deg, #040f1f 0%, #072C60 100%);
  --ticker-bg:    #e8b84b;
  --ticker-txt:   #072C60;
  --nav-border:   #e8b84b;
}

/* ── AUTOMNE ────────────────────────────────────────────────────
   Sept – Nov · Orangé chaud sur bleu nuit                        */
body.theme-automne {
  --accent:       #d46a1a;
  --accent-fonce: #a84f10;
  --accent-pale:  rgba(212,106,26,.15);
  --nav-gradient: linear-gradient(135deg, #1a0a00 0%, #072C60 100%);
  --hero-gradient:linear-gradient(135deg, #1a0a00 0%, #0d3a6e 100%);
  --ticker-bg:    #d46a1a;
  --ticker-txt:   #ffffff;
  --nav-border:   #d46a1a;
}

/* ── HALLOWEEN ──────────────────────────────────────────────────
   Octobre · Orange vif + violet sur bleu très sombre             */
body.theme-halloween {
  --accent:       #f97316;
  --accent-fonce: #c2590e;
  --accent-pale:  rgba(249,115,22,.15);
  --nav-gradient: linear-gradient(135deg, #0d0018 0%, #1a0a2e 50%, #072C60 100%);
  --hero-gradient:linear-gradient(135deg, #0d0018 0%, #2d1060 100%);
  --ticker-bg:    #f97316;
  --ticker-txt:   #0d0018;
  --nav-border:   #f97316;
}

/* ── OCTOBRE ROSE ───────────────────────────────────────────────
   Octobre · Rose #ec4899 sur bleu                                */
body.theme-octobre-rose {
  --accent:       #ec4899;
  --accent-fonce: #be185d;
  --accent-pale:  rgba(236,72,153,.15);
  --nav-gradient: linear-gradient(135deg, #040f1f 0%, #072C60 100%);
  --hero-gradient:linear-gradient(135deg, #1a0030 0%, #072C60 100%);
  --ticker-bg:    #ec4899;
  --ticker-txt:   #ffffff;
  --nav-border:   #ec4899;
}

/* ── NOVEMBRE BLEU ──────────────────────────────────────────────
   Novembre · Bleu ciel sur bleu marine                           */
body.theme-novembre-bleu {
  --accent:       #0ea5e9;
  --accent-fonce: #0284c7;
  --accent-pale:  rgba(14,165,233,.15);
  --nav-gradient: linear-gradient(135deg, #040f1f 0%, #072C60 100%);
  --hero-gradient:linear-gradient(135deg, #001830 0%, #0a4080 100%);
  --ticker-bg:    #0ea5e9;
  --ticker-txt:   #ffffff;
  --nav-border:   #0ea5e9;
}

/* ── NOËL ───────────────────────────────────────────────────────
   Déc – Jan · Rouge #dc2626 accent sur bleu nuit + touche verte  */
body.theme-noel {
  --accent:       #dc2626;
  --accent-fonce: #b91c1c;
  --accent-pale:  rgba(220,38,38,.15);
  --nav-gradient: linear-gradient(135deg, #0a0a0a 0%, #072C60 100%);
  --hero-gradient:linear-gradient(135deg, #0a0a0a 0%, #072C60 100%);
  --ticker-bg:    #dc2626;
  --ticker-txt:   #ffffff;
  --nav-border:   #dc2626;
}

/* ── PRINTEMPS ──────────────────────────────────────────────────
   Avr – Mai · Vert vif sur bleu                                  */
body.theme-printemps {
  --accent:       #22c55e;
  --accent-fonce: #16a34a;
  --accent-pale:  rgba(34,197,94,.15);
  --nav-gradient: linear-gradient(135deg, #001a08 0%, #072C60 100%);
  --hero-gradient:linear-gradient(135deg, #001a08 0%, #072C60 100%);
  --ticker-bg:    #22c55e;
  --ticker-txt:   #001a08;
  --nav-border:   #22c55e;
}

/* ── RENTRÉE ────────────────────────────────────────────────────
   Août – Sept · Argent #94a3b8 sur bleu marine renforcé          */
body.theme-rentree {
  --accent:       #94a3b8;
  --accent-fonce: #64748b;
  --accent-pale:  rgba(148,163,184,.15);
  --nav-gradient: linear-gradient(135deg, #040f1f 0%, #0a2045 100%);
  --hero-gradient:linear-gradient(135deg, #040f1f 0%, #0a2045 100%);
  --ticker-bg:    #94a3b8;
  --ticker-txt:   #040f1f;
  --nav-border:   #94a3b8;
}

/* ================================================================
   APPLICATION DES VARIABLES — remplace les couleurs statiques
   ================================================================ */

/* Or → accent partout */
body[class*="theme-"] {
  --or:       var(--accent);
  --or-fonce: var(--accent-fonce);
}

/* Nav border */
body[class*="theme-"] nav#main-nav {
  border-bottom-color: var(--accent);
  background: var(--nav-gradient);
}

/* Nav hover underline */
body[class*="theme-"] .nav-item>a:hover,
body[class*="theme-"] .nav-item:hover>a {
  border-bottom-color: var(--accent);
}

/* Dropdown border top */
body[class*="theme-"] .dropdown {
  border-top-color: var(--accent);
}

/* Dropdown link hover */
body[class*="theme-"] .dropdown li a:hover {
  color: var(--accent);
}

/* Sub-dropdown */
body[class*="theme-"] .sub-dropdown {
  border-left-color: var(--accent);
}

/* Logo sub-text */
body[class*="theme-"] .nav-logo-sub {
  color: var(--accent);
}

/* Scrollbar */
body[class*="theme-"] ::-webkit-scrollbar-thumb {
  background: var(--accent);
}

/* CTA buttons */
body[class*="theme-"] .btn-nav-cta {
  background: var(--accent);
  color: var(--ticker-txt, #072C60);
}
body[class*="theme-"] .btn-nav-cta:hover {
  background: var(--accent-fonce);
}

/* Hero */
body[class*="theme-"] .page-hero {
  background: var(--hero-gradient);
  border-bottom-color: var(--accent);
}
body[class*="theme-"] .page-hero h1 span {
  color: var(--accent);
}

/* Cards header */
body[class*="theme-"] .card-header {
  border-bottom-color: var(--accent);
}

/* Tables */
body[class*="theme-"] table.acbd-table thead th {
  border-bottom-color: var(--accent);
}
body[class*="theme-"] table.acbd-table thead th:first-child {
  border-left-color: var(--accent);
}
body[class*="theme-"] table.acbd-table td.cat-cell {
  border-left-color: var(--accent);
}

/* Sidebar */
body[class*="theme-"] .sidebar-card-header {
  border-bottom-color: var(--accent);
}
body[class*="theme-"] .sidebar-link.active .arrow {
  color: var(--accent);
}

/* Buttons */
body[class*="theme-"] .btn-primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--ticker-txt, #072C60);
}
body[class*="theme-"] .btn-primary:hover {
  background: var(--accent-fonce);
  border-color: var(--accent-fonce);
}

/* Footer */
body[class*="theme-"] footer#main-footer {
  border-top-color: var(--accent);
}
body[class*="theme-"] .footer-col h4 {
  color: var(--accent);
}
body[class*="theme-"] .footer-bottom-accent {
  color: rgba(var(--accent), .45);
}
body[class*="theme-"] .footer-social-ico:hover {
  background: var(--accent);
  border-color: var(--accent);
}

/* Alert warning */
body[class*="theme-"] .alert-warning {
  border-left-color: var(--accent);
}

/* Tags gold */
body[class*="theme-"] .tag-gold {
  background: var(--accent-pale);
  border-color: var(--accent);
}

/* Ticker (bandeau défilant) */
body[class*="theme-"] .ticker-wrap {
  background: var(--ticker-bg);
  color: var(--ticker-txt);
}
body[class*="theme-"] .ticker-wrap a {
  color: var(--ticker-txt);
}

/* Has-sub arrow */
body[class*="theme-"] .has-sub>a::after {
  color: var(--accent);
}

/* Pagination active */
body[class*="theme-"] .pagination span.active,
body[class*="theme-"] .pagination a:hover {
  background: var(--bleu-fonce);
  border-color: var(--bleu-fonce);
}