/* ==========================================================================
   Articles FR / EN / ES — haut de page compact comme les articles normaux
   ========================================================================== */

/* EN / ES : on annule le hero géant et on revient au style article normal */
.s2intl-page .s2intl-article-hero{
  background:transparent!important;
  background-image:none!important;
  min-height:auto!important;
  padding:28px 0 10px!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
}

.s2intl-page .s2intl-article-hero-grid{
  display:block!important;
  width:min(1180px,calc(100% - 28px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
}

.s2intl-page .s2intl-article-hero-grid > div:first-child{
  width:max-content!important;
  max-width:min(940px,100%)!important;
  padding:clamp(13px,1.45vw,20px) clamp(16px,2vw,28px)!important;
  border-radius:20px!important;
  background:linear-gradient(90deg,rgba(0,10,18,.58),rgba(0,10,18,.34) 62%,rgba(0,10,18,.08))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}

.s2intl-page .s2intl-article-hero h1{
  margin:10px 0 12px!important;
  font-size:clamp(34px,4.2vw,58px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  max-width:920px!important;
}

.s2intl-page .s2intl-article-hero p{
  max-width:860px!important;
  line-height:1.62!important;
}

.s2intl-page .s2intl-article-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:16px!important;
}

/* La carte droite EN/ES décalait tout : on la masque pour coller aux articles normaux */
.s2intl-page .s2intl-article-hero .s2intl-side-card{
  display:none!important;
}

/* FR FAQ/Bugs : même logique que les articles normaux */
.s2faq-page .s2faq-hero,
.s2bug-page .s2bug-hero{
  background:transparent!important;
  background-image:none!important;
  min-height:auto!important;
  padding:28px 0 10px!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
}

.s2faq-page .s2faq-hero-grid,
.s2bug-page .s2bug-hero-grid{
  display:block!important;
  width:min(1180px,calc(100% - 28px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
}

.s2faq-page .s2faq-hero-copy,
.s2bug-page .s2bug-hero-copy{
  width:max-content!important;
  max-width:min(940px,100%)!important;
  padding:clamp(13px,1.45vw,20px) clamp(16px,2vw,28px)!important;
  border-radius:20px!important;
  background:linear-gradient(90deg,rgba(0,10,18,.58),rgba(0,10,18,.34) 62%,rgba(0,10,18,.08))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}

.s2faq-page .s2faq-summary-card,
.s2bug-page .s2bug-summary-card{
  display:none!important;
}

.s2faq-page .s2faq-hero h1,
.s2bug-page .s2bug-hero h1{
  margin:10px 0 12px!important;
  font-size:clamp(34px,4.2vw,58px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  max-width:920px!important;
}

/* Drapeaux propres sur FR / EN / ES */
.s2intl-lang-switch,
.s2intl-fr-switch{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:16px!important;
}

.s2intl-lang-switch a,
.s2intl-fr-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;
}

.s2intl-lang-switch a span,
.s2intl-fr-switch a span,
.s2intl-lang-switch a .s2-guide-flag,
.s2intl-fr-switch a .s2-guide-flag,
.s2intl-lang-switch a .s2-flag-emoji,
.s2intl-fr-switch a .s2-flag-emoji{
  display:block!important;
  font-size:27px!important;
  line-height:1!important;
  color:initial!important;
  margin:0!important;
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))!important;
}

.s2intl-lang-switch a em,
.s2intl-fr-switch a em{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
}

.s2intl-lang-switch a.is-active,
.s2intl-fr-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 article : plus propre, moins énorme, et si pas d'image aucun bloc n'apparaît */
.s2g-cover,
.s2-static-guide-cover,
.s2intl-article-cover,
.article-cover{
  width:min(1060px,calc(100% - 28px))!important;
  max-width:1060px!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:520px!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
}

@media(max-width:760px){
  .s2intl-page .s2intl-article-hero-grid > div:first-child,
  .s2faq-page .s2faq-hero-copy,
  .s2bug-page .s2bug-hero-copy{
    width:100%!important;
  }

  .s2intl-lang-switch a,
  .s2intl-fr-switch a{
    width:50px!important;
    height:40px!important;
  }

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