/* V52 — vrais drapeaux propres, pas d'emoji, pas de texte visible */
html body .s2intl-fr-switch,
html body .s2intl-lang-switch,
html body .s2-guide-flag-switch{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:16px!important;
}

html body .s2intl-fr-switch a,
html body .s2intl-lang-switch a,
html body .s2-guide-flag-switch a{
  width:56px!important;
  height:44px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:15px!important;
  border:1px solid rgba(91,235,255,.34)!important;
  background:rgba(0,23,35,.72)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-decoration:none!important;
  overflow:hidden!important;
  position:relative!important;
}

/* Cache tout ce qui traîne dedans : FR, GB, ES, emoji, img ancienne version */
html body .s2intl-fr-switch a > *,
html body .s2intl-lang-switch a > *,
html body .s2-guide-flag-switch a > *{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* Le drapeau réel */
html body .s2intl-fr-switch a::before,
html body .s2intl-lang-switch a::before,
html body .s2-guide-flag-switch a::before{
  content:""!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:34px!important;
  height:23px!important;
  border-radius:5px!important;
  background:url('/assets/img/lang/fr.svg') center center / cover no-repeat!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 5px 10px rgba(0,0,0,.25)!important;
}

/* EN */
html body .s2intl-fr-switch a[href*="/en/"]::before,
html body .s2intl-lang-switch a[href*="/en/"]::before,
html body .s2-guide-flag-switch a[href*="/en/"]::before{
  background-image:url('/assets/img/lang/gb.svg')!important;
}

/* ES */
html body .s2intl-fr-switch a[href*="/es/"]::before,
html body .s2intl-lang-switch a[href*="/es/"]::before,
html body .s2-guide-flag-switch a[href*="/es/"]::before{
  background-image:url('/assets/img/lang/es.svg')!important;
}

html body .s2intl-fr-switch a.is-active,
html body .s2intl-lang-switch a.is-active,
html body .s2-guide-flag-switch a.is-active{
  border-color:rgba(37,231,255,.9)!important;
  background:rgba(29,213,238,.20)!important;
  box-shadow:0 0 0 3px rgba(37,231,255,.12),0 10px 26px rgba(0,0,0,.24)!important;
}

@media(max-width:760px){
  html body .s2intl-fr-switch a,
  html body .s2intl-lang-switch a,
  html body .s2-guide-flag-switch a{
    width:52px!important;
    height:40px!important;
  }

  html body .s2intl-fr-switch a::before,
  html body .s2intl-lang-switch a::before,
  html body .s2-guide-flag-switch a::before{
    width:31px!important;
    height:21px!important;
  }
}
