/* ================================================================
   SEREDD 2026 — Variante A : ACADÉMIQUE BLANC
   Navbar blanche · Hero clair · Footer gris doux
   ================================================================ */

/* ---- Variables override ---- */
:root {
  --blue-dark:   #1B4F8A;
  --blue-mid:    #2471B5;
  --blue-light:  #3498DB;
  --blue-pale:   #DDEEFF;
  --green-dark:  #155C30;
  --green-mid:   #1A7A40;
  --green-light: #27AE60;
  --green-pale:  #E6F5EC;
  --off-white:   #F5F8F5;
  --text-dark:   #1B2631;
  --text-mid:    #4A5568;
  --gold:        #D4A017;
  --border:      #C8D8E8;
}
#light-header{
/*background: linear-gradient(135deg, #1a7a1a 0%, #3aaa5a 40%, #a8ddc0 100%);	*/
/* ---- v1 chat gpt ---- 
background: linear-gradient(135deg, #DFF3E3 0%, #BFE8CC 50%, #EAF8FF 100%);*/
/* ---- v2 chat gpt ---- 
background: linear-gradient(135deg, #CFF2D6 0%, #A8E6B0 45%, #FFF3CC 100%);*/
/* ---- v3 chat gpt ---- */
background: linear-gradient(135deg, #E3F6FF 0%, #CDEEDC 50%, #B7E4C7 100%);
/* ---- v4 chat gpt ---- 
background: linear-gradient(135deg, #C8EFD4 0%, #7ED19A 50%, #E6FAF0 100%);*/
/* ---- v5 chat gpt ---- 
background: linear-gradient(135deg, #EAF7EE 0%, #C9EAD3 40%, #DFF1FF 100%);
background: #228B22;*/
}



#light-header h1{
/*background: linear-gradient(135deg, #CFF2D6 0%, #A8E6B0 45%, #FFF3CC 100%);*/
color: var(--blue-dark);
}
#light-header p{	
  color: var(--text-dark);
  font-weight: bold;
}
.blue_active{
	color: var(--blue-dark);
}

/* ---- Top Bar ---- */
#top-bar {
  background: #EBF2FA;
  color: #1B4F8A;
  border-bottom: 1px solid #C8D8E8;
}
#top-bar a { color: #1B4F8A; }
#top-bar a:hover { color: var(--green-mid); }
#top-bar i { color: var(--green-mid); }

/* ---- Navbar : BLANCHE ---- */
#main-nav {
  background: #FFFFFF;
  border-bottom: 3px solid var(--green-light);
  box-shadow: 0 2px 18px rgba(0,0,0,.1);
}
.navbar-brand .brand-acronym { color: var(--blue-dark); }
.navbar-brand .brand-sub { color: var(--green-mid); }
#main-nav .navbar-nav .nav-link { color: #1B4F8A !important; }
#main-nav .navbar-nav .nav-link:hover,
#main-nav .navbar-nav .nav-link.active {
  color: var(--green-dark) !important;
  border-bottom-color: var(--green-light);
  background: rgba(26,122,64,.07);
}
#main-nav .navbar-nav .dropdown-menu {
  background: #fff;
  border-top: 3px solid var(--green-light);
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
#main-nav .navbar-nav .dropdown-item { color: #1B4F8A; }
#main-nav .navbar-nav .dropdown-item:hover { background: var(--green-pale); color: var(--green-dark); }
.navbar-toggler { border-color: rgba(27,79,138,.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%2827%2C79%2C138%2C0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Logo : pas de blend-mode sur fond blanc */
.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)); }

/* ---- Hero : FOND CLAIR ---- */
#hero {
 /* background: linear-gradient(135deg, #E8F4FF 0%, #EDF9F2 55%, #F5FFFE 100%);*/
 /* background: #228B22;*/
  /* ---- v2 chat gpt ---- */
  /* background: linear-gradient(135deg, #CFF2D6 0%, #A8E6B0 45%, #FFF3CC 100%);*/
  /* ---- v1 chat gpt ---- */
/*background: linear-gradient(135deg, #DFF3E3 0%, #BFE8CC 50%, #EAF8FF 100%);*/
  
  
  /* ---- v3 chat gpt ---- */
 background: linear-gradient(135deg, #E3F6FF 0%, #CDEEDC 50%, #B7E4C7 100%);

/* ---- v4 chat gpt ---- */
/*background: linear-gradient(135deg, #C8EFD4 0%, #7ED19A 50%, #E6FAF0 100%);*/
/* ---- v5 chat gpt ---- */
/*background: linear-gradient(135deg, #EAF7EE 0%, #C9EAD3 40%, #DFF1FF 100%);*/

/* ---- v1 claude ---- */
/* background: linear-gradient(135deg, #1a7a1a 0%, #3aaa5a 40%, #a8ddc0 100%);*/
/* ---- v2 claude ---- */
/*background: linear-gradient(135deg, #228B22 0%, #2db87a 45%, #4eaee8 100%);*/
/* ---- v3 claude ---- */
/*background: linear-gradient(135deg, #1e7a1e 0%, #57b84a 50%, #d4e87a 100%);*/
/* ---- v4 claude ---- */
/*background: linear-gradient(135deg, #1d6e30 0%, #28a060 50%, #7dd6c8 100%);*/

/* ---- v5 claude ---- 
background: linear-gradient(135deg, #2e9e2e 0%, #68c468 55%, #b8e8cc 100%);*/
min-height: 88vh;
}
#hero::before {
  background-image:
    linear-gradient(rgba(27,79,138,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(27,79,138,.04) 1px, transparent 1px);
}
.hero-circle  { background: rgba(39,174,96,.07);  border-color: rgba(39,174,96,.18); }
.hero-circle-2{ background: rgba(36,113,181,.07); border-color: rgba(36,113,181,.18); }
.hero-edition-badge {
  background: rgba(26,122,64,.10); border-color: rgba(26,122,64,.35); color: var(--green-dark);
}
.hero-acronym { color: var(--blue-dark); }
.hero-acronym em { color: var(--green-mid); }
.hero-conf-title { color: var(--blue-dark); border-left-color: var(--green-light); }
.hero-theme { color: var(--text-mid); font-style: italic; }
.hero-meta-chip {
  background: rgba(27,79,138,.07); border-color: rgba(27,79,138,.15); color: var(--blue-dark);
}
.hero-meta-chip i { color: var(--green-mid); }
.hero-countdown-label { color: var(--text-mid); }
.countdown-box { background: rgba(27,79,138,.07); border-color: rgba(27,79,138,.14); }
.countdown-num  { color: var(--blue-dark); }
.countdown-label{ color: var(--green-mid); }
.hero-right-panel {
  background: #FFFFFF; border: 1px solid #C8D8E8;
  box-shadow: 0 4px 24px rgba(27,79,138,.1);
}
.hero-right-panel h4 { color: var(--green-mid); }
.deadline-title { color: var(--blue-dark); }
.deadline-date  { color: var(--green-mid); }
.deadline-dot   { background: var(--green-light); }
.deadline-dot.blue { background: var(--blue-light); }
.hero-countdown-label { color: #718096; }

/* ---- Key Numbers : bleu moyen ---- */
#key-numbers {
  background: linear-gradient(90deg, var(--blue-dark), var(--blue-mid));
}

/* ---- Sections ---- */
.section-main { background: #FFFFFF; }
.section-alt  { background: #F5F8F5; }

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

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

/* ---- Footer : GRIS CLAIR ---- */
footer {
  background: #F0F4F1;
  color: var(--text-mid);
}
footer h5 { color: var(--green-dark); }
footer p  { color: var(--text-mid); }
footer a  { color: var(--text-mid); }
footer a:hover { color: var(--green-mid); }
.footer-contact-item i { color: var(--green-mid); }
.footer-contact-item span,
.footer-contact-item a { color: var(--text-dark); }
.footer-nav a { color: var(--text-mid); border-bottom-color: rgba(0,0,0,.07); }
.footer-nav a:hover { color: var(--green-mid); }
.footer-social a {
  background: rgba(27,79,138,.08); border-color: rgba(27,79,138,.15); color: var(--blue-dark);
}
.footer-social a:hover { background: var(--green-mid); border-color: var(--green-mid); color: #fff; }
.brand-texts .brand-acronym { color: var(--blue-dark) !important; }
.brand-texts .brand-sub { color: var(--green-mid) !important; }
/* Le logo dans le footer sur fond clair */
footer img[alt] { mix-blend-mode: normal; }

#sub-footer {
  background: #E2EBE2;
  border-top: 1px solid #C8D8C8;
}
#sub-footer p { color: #718096; }
#sub-footer a { color: var(--blue-dark); }