/* ==========================================================================
   V51 — Drapeaux réels + images article propres
   Ne touche pas au fond global V22.
   ========================================================================== */

.s2intl-fr-switch,
.s2-guide-flag-switch,
.s2intl-lang-switch{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:16px!important;
}

.s2intl-fr-switch a,
.s2-guide-flag-switch a,
.s2intl-lang-switch a{
  width:54px!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:1!important;
  text-decoration:none!important;
  overflow:hidden!important;
  position:relative!important;
}

.s2intl-fr-switch a > *,
.s2-guide-flag-switch a > *:not(.s2-lang-flag-img),
.s2intl-lang-switch a > *:not(.s2-lang-flag-img){
  display:none!important;
}

.s2intl-fr-switch a::before,
.s2-guide-flag-switch a::before{
  content:"";
  display:block!important;
  width:34px!important;
  height:23px!important;
  border-radius:5px!important;
  background:url('/assets/img/lang/fr.svg') 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;
}

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

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

.s2-lang-flag-img{
  display:block!important;
  width:34px!important;
  height:23px!important;
  object-fit:cover!important;
  border-radius:5px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 5px 10px rgba(0,0,0,.25)!important;
}

.s2intl-fr-switch a.is-active,
.s2-guide-flag-switch a.is-active,
.s2intl-lang-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;
}

/* Images dans les articles : moins hautes, plus propres */
.s2g-cover,
.s2-static-guide-cover,
.s2intl-article-cover,
.article-cover{
  width:min(980px,calc(100% - 28px))!important;
  max-width:980px!important;
  margin:18px auto 26px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid rgba(91,235,255,.22)!important;
  background:rgba(0,18,30,.58)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22)!important;
}

.s2g-cover img,
.s2-static-guide-cover img,
.s2intl-article-cover img,
.article-cover img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:430px!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
}

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

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

  .s2g-cover,
  .s2-static-guide-cover,
  .s2intl-article-cover,
  .article-cover{
    border-radius:18px!important;
    margin-top:14px!important;
  }
}