/* ================================================================
   SEREDD 2026 — style-a.css : Thème AICCEES
   Identique à https://aiccees.com/ — couleurs, navbar, hero, footer
   ================================================================ */

/* Les variables de base sont dans style.css — aucun override requis */
/* style-a.css : ajustements fins spécifiques à la variante AICCEES  */

/* ── Light header (pages internes avec #light-header) ── */
#light-header {
  background: linear-gradient(135deg, #E3F6FF 0%, #CDEEDC 50%, #B7E4C7 100%);
}
#light-header h1 { color: var(--green-dark); }
#light-header p  { color: var(--text-mid); font-weight: 600; }

/* ── Top bar ── */
#top-bar {
  background: var(--green-dark);
  color: rgba(255,255,255,.75);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
#top-bar a       { color: rgba(255,255,255,.85); }
#top-bar a:hover { color: var(--green-300); }
#top-bar i       { color: var(--green-300); }

/* ── Navbar BLANCHE (identique aiccees.com) ── */
#main-nav {
  background: #FFFFFF;
  border-bottom: 3px solid var(--green-600);
  box-shadow: 0 2px 18px rgba(0,135,81,.10);
}
.navbar-brand img    { mix-blend-mode: normal; }
.hero-logo-img       { mix-blend-mode: normal; filter: drop-shadow(0 4px 16px rgba(0,0,0,.15)); }
.navbar-brand .brand-acronym { color: var(--green-dark); }
.navbar-brand .brand-sub     { color: var(--brand); }
#main-nav .navbar-nav .nav-link {
  color: var(--green-dark) !important;
}
#main-nav .navbar-nav .nav-link:hover,
#main-nav .navbar-nav .nav-link.active {
  color: var(--brand) !important;
  border-bottom-color: var(--brand);
  background: rgba(0,135,81,.07);
}
#main-nav .navbar-nav .dropdown-menu {
  background: #fff;
  border-top: 3px solid var(--brand);
  box-shadow: 0 8px 24px rgba(0,135,81,.12);
}
#main-nav .navbar-nav .dropdown-item       { color: var(--green-dark); }
#main-nav .navbar-nav .dropdown-item:hover { background: var(--green-50); color: var(--brand); }
.navbar-toggler      { border-color: rgba(0,135,81,.25); }
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280%2C135%2C81%2C0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.blue_active { color: var(--brand); }

/* ── Hero fond CLAIR (identique aiccees.com, variante v3) ── */
#hero {
  background: linear-gradient(135deg, #E3F6FF 0%, #CDEEDC 50%, #B7E4C7 100%);
  min-height: 88vh;
}
#hero::before {
  background-image:
    linear-gradient(rgba(0,135,81,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,135,81,.04) 1px, transparent 1px);
}
.hero-circle   { background: rgba(0,135,81,.07);  border-color: rgba(0,135,81,.18); }
.hero-circle-2 { background: rgba(22,163,74,.07); border-color: rgba(22,163,74,.18); }
.hero-edition-badge {
  background: rgba(0,135,81,.10); border-color: rgba(0,135,81,.35); color: var(--green-700);
}
.hero-acronym        { color: var(--green-dark); }
.hero-acronym em     { color: var(--brand); }
.hero-conf-title     { color: var(--green-dark); border-left-color: var(--brand); }
.hero-theme          { color: var(--text-mid); }
.hero-meta-chip {
  background: rgba(0,135,81,.07); border-color: rgba(0,135,81,.15); color: var(--green-dark);
}
.hero-meta-chip i { color: var(--brand); }
.hero-countdown-label { color: var(--text-mid); }
.countdown-box  { background: rgba(0,135,81,.07); border-color: rgba(0,135,81,.14); }
.countdown-num  { color: var(--green-dark); }
.countdown-label{ color: var(--brand); }
.hero-right-panel {
  background: #FFFFFF; border: 1px solid var(--border);
  box-shadow: 0 4px 24px rgba(0,135,81,.10);
}
.hero-right-panel h4 { color: var(--brand); }
.deadline-title { color: var(--green-dark); }
.deadline-date  { color: var(--brand); }
.deadline-dot   { background: var(--green-600); }
.deadline-dot.blue { background: var(--green-400); }

/* ── Key Numbers : vert foncé ── */
#key-numbers {
  background: linear-gradient(90deg, var(--green-dark), var(--green-700));
}

/* ── Sections ── */
.section-main { background: #FFFFFF; }
.section-alt  { background: var(--green-50); }

/* ── Timeline ── */
.timeline-wrap { background: var(--green-dark); }

/* ── CTA Band ── */
.cta-band {
  background: linear-gradient(135deg, var(--green-dark), var(--brand));
}

/* ── Footer VERT FONCÉ (identique AICCEES) ── */
footer {
  background: var(--green-dark);
  color: rgba(255,255,255,.72);
}
footer h5 { color: var(--green-300); }
footer p  { color: rgba(255,255,255,.72); }
footer a  { color: rgba(255,255,255,.62); }
footer a:hover { color: var(--green-300); }
.footer-contact-item i   { color: var(--green-300); }
.footer-contact-item span,
.footer-contact-item a   { color: rgba(255,255,255,.85); }
.footer-nav a            { color: rgba(255,255,255,.62); border-bottom-color: rgba(255,255,255,.06); }
.footer-nav a:hover      { color: var(--green-300); }
.footer-social a {
  background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.12); color: rgba(255,255,255,.75);
}
.footer-social a:hover   { background: var(--brand); border-color: var(--brand); color: #fff; }
.brand-texts .brand-acronym { color: #fff !important; }
.brand-texts .brand-sub     { color: var(--green-300) !important; }
footer img[alt]             { mix-blend-mode: screen; }
#sub-footer {
  background: #0d3d1a;
  border-top: 1px solid rgba(255,255,255,.07);
}
#sub-footer p { color: rgba(255,255,255,.38); }
#sub-footer a { color: var(--green-300); }