/* ========================================================= */
/* // VARIABLES // */
/* ========================================================= */
:root{
  --header-h: 110px;               /* // HAUTEUR HEADER (JS MET À JOUR) // */
  --logo-max-h: 92px;              /* // TAILLE LOGO (MAX) // */
  --glass-bg: rgba(8,10,16,.56);   /* // FOND GLASS SOMBRE // */

  --t1: rgba(20,30,60,.62);        /* // TEINTE 1 (JS LA CHANGE) // */
  --t2: rgba(60,30,90,.54);        /* // TEINTE 2 (JS LA CHANGE) // */
  --t3: rgba(120,40,120,.44);      /* // TEINTE 3 (JS LA CHANGE) // */

  --hdr-text: rgba(255,255,255,.92); /* // TEXTE HEADER (JS LA CHANGE) // */
  --hdr-ph: rgba(255,255,255,.55);   /* // PLACEHOLDER (JS LA CHANGE) // */

  --accent: rgba(212,255,106,.95);   /* // VERT HOVER // */

  --shrink: 0;                       /* // 0 -> 1 (JS) // */
}

/* ========================================================= */
/* // NE PAS TEINTER TOUT LE SITE // */
/* ========================================================= */
html, body{ background: initial !important; }

/* ========================================================= */
/* // SUPPRIMER CONTACTEZ-NOUS // */
/* ========================================================= */
#contact-link,
#_desktop_contact_link,
.header-nav .contact-link,
#header .header-nav .contact-link{
  display:none !important;
}

/* ========================================================= */
/* // NETTOYAGE LIGNES DU THÈME SUR HEADER // */
/* ========================================================= */
#header,
#header .header-nav,
#header .header-top{
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ========================================================= */
/* // HEADER FIXE GLASS // */
/* ========================================================= */
#header{
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 9999;

  background: var(--glass-bg) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  box-shadow: 0 10px 28px rgba(0,0,0,.30);
}

/* // TEINTE (DÉGRADÉ) // */
#header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background: linear-gradient(135deg, var(--t1) 0%, var(--t2) 55%, var(--t3) 100%);
}

/* ========================================================= */
/* // TEXTE HEADER UNIQUEMENT // */
/* ========================================================= */
#header,
#header a,
#header .top-menu a,
#header .user-info a,
#header .language-selector button,
#header .language-selector .expand-more,
#header .material-icons{
  color: var(--hdr-text) !important;
}

/* ========================================================= */
/* // MENU : HOVER VERT + SOULIGNEMENT // */
/* ========================================================= */
#header #top-menu > li > a{
  position: relative;
  text-decoration: none !important;
}

#header #top-menu > li > a:hover,
#header #top-menu > li > a:focus{
  color: var(--accent) !important;
}

#header #top-menu > li > a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-6px;
  height:2px;
  background: var(--accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .2s ease;
}

#header #top-menu > li > a:hover::after,
#header #top-menu > li > a:focus::after{
  transform: scaleX(1);
}

/* ========================================================= */
/* // LOGO // */
/* ========================================================= */
#_desktop_logo,
#_desktop_logo a{
  display:flex !important;
  align-items:center !important;
  height:auto !important;
  padding:0 !important;
}

/* ========================================================= */
/* // SEARCH // */
/* ========================================================= */
#header #search_widget input{
  background: rgba(0,0,0,.24) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: var(--hdr-text) !important;
  border-radius: 40px !important;
}

#header #search_widget input::placeholder{
  color: var(--hdr-ph) !important;
}

/* ========================================================= */
/* // COMPENSATION HEADER FIXE // */
/* ========================================================= */
#wrapper{
  padding-top: var(--header-h) !important;
  background: transparent !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

/* ========================================================= */
/* // SHRINK FLUIDE AU SCROLL (CSS) // */
/* ========================================================= */
/* // header-top : 6px -> 2px // */
#header .header-top{
  padding-top: calc(6px - (4px * var(--shrink))) !important;
  padding-bottom: calc(6px - (4px * var(--shrink))) !important;
}

/* // header-nav : 8px -> 4px // */
#header .header-nav{
  padding-top: calc(8px - (4px * var(--shrink))) !important;
  padding-bottom: calc(8px - (4px * var(--shrink))) !important;
}

/* // menu : taille + padding plus petit // */
#header .top-menu a{
  font-size: calc(14px - (1px * var(--shrink))) !important;
  padding: calc(7px - (1px * var(--shrink))) calc(10px - (1px * var(--shrink))) !important;
}

/* // logo : 92px -> 72px // */
#_desktop_logo img.logo,
#_desktop_logo img,
#header img.logo{
  max-height: calc(var(--logo-max-h) - (20px * var(--shrink))) !important;
  height:auto !important;
  width:auto !important;
  object-fit: contain !important;
  display:block !important;
}

/* ========================================================= */
/* // LAYERSLIDER : NE RIEN CASSER // */
/* ========================================================= */
#layerslider_1,
#layerslider_1 .ls-inner{
  background: transparent !important;
}
/* // SHRINK : TRANSITIONS VISUELLES (LE JS PILOTE LES VALEURS) // */
#header .header-top,
#header .header-nav,
#header #top-menu > li > a,
#_desktop_logo img.logo,
#_desktop_logo img,
#header img.logo{
  transition: padding .18s ease, font-size .18s ease, max-height .18s ease;
}