/* ==========================================================================
   Subnautica2.fr — Forum index, grosse finition V9
   ========================================================================== */

body.s2-scroll-bg{background:#020f19!important;color:#f4feff;}
body.s2-scroll-bg .ocean-bg{display:none!important;}

.s2-forum-revamp{position:relative;z-index:2;padding:26px 0 58px;color:#f4feff;background:radial-gradient(circle at 50% 0%,rgba(40,231,255,.07),transparent 28%),linear-gradient(180deg,#031723 0%,#020f19 38%,#020b12 100%)}
.s2fr-container{width:min(1640px,calc(100% - 64px));margin:0 auto;}
.s2fr-panel,.s2fr-hero,.s2fr-value-strip{border:1px solid rgba(91,235,255,.17);background:linear-gradient(180deg,rgba(5,42,63,.68),rgba(2,17,29,.88));box-shadow:0 20px 44px rgba(0,7,18,.22),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(14px)}

/* HERO */
.s2fr-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.68fr);gap:30px;align-items:center;min-height:500px;padding:38px 42px;border-radius:34px;}
.s2fr-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('../img/hero-subnautica2.png') center 42%/cover no-repeat;filter:saturate(1.08) contrast(1.05) brightness(.86)}
.s2fr-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,10,18,.88) 0%,rgba(1,15,25,.52) 48%,rgba(1,10,18,.78) 100%),linear-gradient(180deg,rgba(1,12,20,.04),rgba(1,12,20,.78))}
.s2fr-kicker{display:inline-flex;width:max-content;max-width:100%;align-items:center;padding:8px 15px;border-radius:999px;border:1px solid rgba(105,242,255,.34);background:rgba(0,37,55,.45);color:#dffcff;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.s2fr-hero-copy{max-width:920px}.s2fr-hero-copy h1{margin:15px 0 14px;color:#fff;font-size:clamp(3rem,4.55vw,5.35rem);line-height:.96;letter-spacing:-.045em;font-weight:1000;text-shadow:0 14px 44px rgba(0,0,0,.55)}.s2fr-hero-copy h1 span{color:#2fe9ff}.s2fr-hero-copy p{max-width:760px;margin:0;color:#e1f7ff;font-size:clamp(1.02rem,1.12vw,1.18rem);line-height:1.58;text-shadow:0 4px 18px rgba(0,0,0,.34)}
.s2fr-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:25px}.s2fr-actions .btn{min-height:52px;padding:0 24px;border-radius:15px;font-size:.9rem;letter-spacing:.07em;text-transform:uppercase;box-shadow:0 14px 30px rgba(0,170,255,.18),inset 0 1px 0 rgba(255,255,255,.16)}.s2fr-actions .btn.secondary{background:rgba(1,18,30,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.s2fr-start-panel{align-self:center;padding:24px;border:1px solid rgba(91,235,255,.17);border-radius:26px;background:rgba(2,24,38,.72);box-shadow:0 18px 42px rgba(0,7,18,.24)}.s2fr-start-panel h2{margin:0 0 15px;color:#fff;font-size:1.72rem;letter-spacing:-.025em;line-height:1.08}.s2fr-start-item{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start;padding:12px 0;border-bottom:1px solid rgba(91,235,255,.12)}.s2fr-start-item:last-child{border-bottom:0;padding-bottom:0}.s2fr-start-item i{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(91,235,255,.23);background:rgba(31,212,255,.12);color:#9af9ff;font-style:normal;font-weight:950}.s2fr-start-item strong{display:block;color:#fff;font-weight:900;margin-bottom:4px}.s2fr-start-item small{display:block;color:#cfe8ef;font-size:.88rem;line-height:1.38}

/* STRIP */
.s2fr-value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:20px;border-radius:26px;overflow:hidden}.s2fr-value-strip>div{display:grid;grid-template-columns:50px 1fr;gap:13px;align-items:center;min-height:94px;padding:18px 22px}.s2fr-value-strip>div+div{border-left:1px solid rgba(91,235,255,.11)}.s2fr-value-strip img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(35,230,255,.22))}.s2fr-value-strip strong{display:block;color:#aef8ff;font-size:1rem;font-weight:900}.s2fr-value-strip small{color:#bddce5;font-size:.9rem;line-height:1.35}

/* LAYOUT */
.s2fr-main-grid,.s2fr-bottom-grid{display:grid;align-items:start;gap:22px;padding-top:22px}.s2fr-main-grid{grid-template-columns:minmax(0,1.48fr) minmax(360px,.82fr)}.s2fr-bottom-grid{grid-template-columns:minmax(0,1.48fr) minmax(360px,.82fr);padding-top:16px}.s2fr-sidebar,.s2fr-sidebar-stack{display:flex;flex-direction:column;gap:22px;align-self:start}.s2fr-panel{align-self:start;height:auto;min-height:0;padding:22px 24px;border-radius:26px}.s2fr-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:15px}.s2fr-panel-head h2{margin:0;color:#fff;font-size:clamp(1.35rem,1.62vw,1.75rem);letter-spacing:.025em;text-transform:uppercase;line-height:1.08}.s2fr-panel-link{display:inline-flex;margin-top:14px;color:#90f6ff;font-weight:900;font-size:.92rem;text-decoration:none}.s2fr-panel-link:hover{color:#fff}

/* CATEGORIES */
.s2fr-category-list,.s2fr-mini-topic-list,.s2fr-replies-list,.s2fr-featured-list{display:flex;flex-direction:column;gap:12px}.s2fr-category-row{position:relative;display:grid;grid-template-columns:64px minmax(200px,.9fr) minmax(200px,.76fr) auto;gap:15px;align-items:center;min-height:96px;padding:14px 15px;border-radius:21px;border:1px solid rgba(91,235,255,.13);background:linear-gradient(180deg,rgba(6,45,66,.56),rgba(2,18,30,.82));text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.s2fr-category-row:hover{transform:translateY(-2px);border-color:rgba(111,245,255,.34);background:linear-gradient(180deg,rgba(8,58,82,.68),rgba(2,18,30,.88));color:#fff}.s2fr-category-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:rgba(0,0,0,.14);border:1px solid rgba(91,235,255,.10)}.s2fr-category-icon img{width:46px;height:46px;object-fit:contain}.s2fr-category-main strong{display:block;color:#fff;font-size:1.05rem;line-height:1.2;font-weight:900}.s2fr-category-main p{margin:6px 0 0;color:#cfe8ef;font-size:.9rem;line-height:1.36;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.s2fr-category-preview{min-width:0;padding-left:15px;border-left:1px solid rgba(91,235,255,.12)}.s2fr-category-preview-title{color:#f4feff;font-weight:900;font-size:.9rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.s2fr-category-preview small{display:block;margin-top:4px;color:#a9cbd5;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s2fr-category-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px;white-space:nowrap}.s2fr-category-side .unread-badge{font-size:.68rem!important;padding:4px 8px!important}.s2fr-category-side span,.s2fr-feature-topic-stats span,.s2fr-counts span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(31,212,255,.10);border:1px solid rgba(91,235,255,.15);color:#b9f8ff;font-size:.76rem;font-weight:850}.s2fr-category-side em{color:#9df8ff;font-style:normal;font-weight:950;font-size:1.05rem}

/* TOPICS LISTS */
.s2fr-mini-topic,.s2fr-reply-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(91,235,255,.105);text-decoration:none}.s2fr-mini-topic:last-child,.s2fr-reply-item:last-child{border-bottom:0;padding-bottom:0}.s2fr-mini-topic:hover .s2fr-mini-body strong,.s2fr-reply-item:hover .s2fr-mini-body strong{color:#9df8ff}.s2fr-mini-avatar .avatar,.s2fr-mini-avatar>.avatar{width:42px!important;height:42px!important;border-radius:50%;object-fit:cover}.s2fr-mini-body{min-width:0}.s2fr-mini-body strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff;font-size:.95rem;line-height:1.25;font-weight:900}.s2fr-mini-body small{display:block;margin-top:4px;color:#b8d8e1;font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s2fr-mini-topic time,.s2fr-reply-item time{color:#abcbd5;font-size:.8rem;white-space:nowrap}

/* FEATURED SUBJECTS */
.s2fr-featured-list{gap:11px}.s2fr-feature-topic{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:13px;align-items:center;min-height:66px;padding:13px 15px;border-radius:19px;border:1px solid rgba(91,235,255,.13);background:linear-gradient(180deg,rgba(6,45,66,.52),rgba(2,18,30,.82));text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.s2fr-feature-topic:hover{transform:translateY(-2px);border-color:rgba(111,245,255,.34);background:linear-gradient(180deg,rgba(8,58,82,.66),rgba(2,18,30,.88))}.s2fr-tag{display:inline-flex;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 10px;border-radius:999px;background:rgba(31,212,255,.12);border:1px solid rgba(91,235,255,.17);color:#a7faff;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.s2fr-feature-topic-main{min-width:0}.s2fr-feature-topic-main strong{display:block;color:#fff;font-size:.98rem;line-height:1.25;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s2fr-feature-topic-main small{display:block;margin-top:4px;color:#b8d8e1;font-size:.82rem}.s2fr-feature-topic-stats{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.s2fr-feature-topic em{color:#9df8ff;font-style:normal;font-weight:950;font-size:1.05rem}

/* Small cleanups */
.s2fr-cta-panel{display:none!important}.s2fr-sidebar .s2fr-panel:has(.s2fr-panel-head h2 + *){height:auto}.s2fr-feature-thumb{display:none!important}.s2fr-feature-card{display:none!important}.s2fr-counts{display:flex;justify-content:flex-end}.s2fr-replies-list .s2fr-reply-item{grid-template-columns:46px minmax(0,1fr) auto}

@media (max-width:1320px){.s2fr-container{width:min(100% - 44px,1640px)}.s2fr-hero,.s2fr-main-grid,.s2fr-bottom-grid{grid-template-columns:1fr}.s2fr-start-panel{align-self:start}.s2fr-value-strip{grid-template-columns:repeat(2,1fr)}.s2fr-value-strip>div:nth-child(3){border-left:0;border-top:1px solid rgba(91,235,255,.11)}.s2fr-value-strip>div:nth-child(4){border-top:1px solid rgba(91,235,255,.11)}}
@media (max-width:920px){.s2fr-container{width:min(100% - 24px,1640px)}.s2fr-forum-revamp{padding-top:20px}.s2fr-hero{min-height:0;padding:26px 22px;border-radius:26px}.s2fr-hero-copy h1{font-size:clamp(2.45rem,12vw,4.15rem)}.s2fr-actions{display:grid}.s2fr-actions .btn{width:100%}.s2fr-value-strip{grid-template-columns:1fr}.s2fr-value-strip>div+div{border-left:0;border-top:1px solid rgba(91,235,255,.11)}.s2fr-category-row{grid-template-columns:1fr;padding:16px}.s2fr-category-preview{padding-left:0;border-left:0;border-top:1px solid rgba(91,235,255,.12);padding-top:12px}.s2fr-category-side{flex-direction:row;align-items:flex-start;flex-wrap:wrap}.s2fr-mini-topic,.s2fr-reply-item{grid-template-columns:42px 1fr}.s2fr-mini-topic time,.s2fr-reply-item time{grid-column:2}.s2fr-feature-topic{grid-template-columns:1fr;gap:8px}.s2fr-feature-topic-main strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.s2fr-feature-topic-stats{justify-content:flex-start}.s2fr-panel{padding:20px;border-radius:22px}}


/* ==========================================================================
   V22 direct — retire les backgrounds/voiles des heroes de cette page.
   Le seul wallpaper autorisé est le calque global .s2-wallpaper-v22.
   ========================================================================== */

/* Fonds de page/wrappers transparents */
.s2-home-revamp,
.s2-forum-revamp,
.s2-forum-page,
.forum-page,
.topic-page,
.s2-guides-page,
.s2-guide-page,
.s2-guide-view-v5,
.s2-videos-page,
.s2v-page,
.s2v-index-page,
.s2-vocaux-page,
.s2-vocaux-bg,
.s2-intl-guides-bg,
.auth-page,
.auth-shell{
  background:transparent!important;
  background-image:none!important;
}

/* Heroes / bandeaux : aucun background, aucune image, aucun gros voile */
.s2hr-hero-wrap,
.s2fr-hero,
.s2-guides-hero,
.s2g-hero,
.s2g-hero-main,
.s2v-hero,
.s2-videos-hero,
.s2-video-hero-compact,
.s2vocal-hero,
.vocaux-hero,
.s2intl-hero,
.s2intl-article-hero,
.article-hero,
.guide-hero,
.hero,
.forum-hero{
  background:transparent!important;
  background-image:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-bottom:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Pseudos responsables du voile sombre/doublage */
.s2hr-hero-wrap:before,
.s2hr-hero-wrap:after,
.s2hr-hero-wrap::before,
.s2hr-hero-wrap::after,
.s2fr-hero:before,
.s2fr-hero:after,
.s2fr-hero::before,
.s2fr-hero::after,
.s2-guides-hero:before,
.s2-guides-hero:after,
.s2-guides-hero::before,
.s2-guides-hero::after,
.s2g-hero:before,
.s2g-hero:after,
.s2g-hero::before,
.s2g-hero::after,
.s2g-hero-main:before,
.s2g-hero-main:after,
.s2g-hero-main::before,
.s2g-hero-main::after,
.s2v-hero:before,
.s2v-hero:after,
.s2v-hero::before,
.s2v-hero::after,
.s2-videos-hero:before,
.s2-videos-hero:after,
.s2-videos-hero::before,
.s2-videos-hero::after,
.s2-video-hero-compact:before,
.s2-video-hero-compact:after,
.s2-video-hero-compact::before,
.s2-video-hero-compact::after,
.s2vocal-hero:before,
.s2vocal-hero:after,
.s2vocal-hero::before,
.s2vocal-hero::after,
.vocaux-hero:before,
.vocaux-hero:after,
.vocaux-hero::before,
.vocaux-hero::after,
.s2intl-hero:before,
.s2intl-hero:after,
.s2intl-hero::before,
.s2intl-hero::after,
.s2intl-article-hero:before,
.s2intl-article-hero:after,
.s2intl-article-hero::before,
.s2intl-article-hero::after,
.article-hero:before,
.article-hero:after,
.article-hero::before,
.article-hero::after,
.guide-hero:before,
.guide-hero:after,
.guide-hero::before,
.guide-hero::after,
.hero:before,
.hero:after,
.hero::before,
.hero::after,
.forum-hero:before,
.forum-hero:after,
.forum-hero::before,
.forum-hero::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
  filter:none!important;
}

/* Grilles internes : surtout pas de carte globale */
.s2hr-hero-grid,
.s2fr-hero,
.s2g-hero-grid,
.s2v-hero-grid,
.s2vocal-hero-grid,
.hero-grid,
.hero-inner{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Espacement plus propre */
.s2hr-hero-wrap,
.s2fr-hero,
.s2-guides-hero,
.s2v-hero,
.s2vocal-hero,
.vocaux-hero,
.forum-hero,
.hero{
  min-height:auto!important;
  padding-top:clamp(26px,4vw,54px)!important;
  padding-bottom:clamp(24px,3.5vw,48px)!important;
}

/* Voile discret uniquement derrière texte */
.s2hr-hero-copy,
.s2fr-hero-copy,
.s2g-hero-copy,
.s2v-hero-copy,
.s2vocal-hero-copy,
.vocaux-hero-content,
.s2g-hero-main,
.article-hero > div:first-child,
.s2intl-hero > div:first-child,
.s2intl-article-hero > div:first-child,
.hero-content,
.hero-copy,
.forum-hero > 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;
}

/* Les cartes/panneaux restent lisibles */
.s2fr-panel,
.s2fr-value-strip,
.s2hr-start-panel,
.s2g-rubriques-card,
.s2g-panel,
.s2v-discover-card,
.s2v-panel,
.s2vocal-start-card,
.s2vocal-panel,
.s2vocal-live-panel,
.s2vocal-faq,
.s2vocal-final-cta,
.glass,
.card,
.panel,
.forum-card,
.topic-card,
.guide-card,
.video-card{
  background:
    radial-gradient(circle at 14% -18%,rgba(36,232,255,.075),transparent 34%),
    linear-gradient(180deg,rgba(4,40,56,.72),rgba(0,18,31,.84))!important;
  border-color:rgba(87,232,255,.18)!important;
}

@media(max-width:760px){
  .s2hr-hero-copy,
  .s2fr-hero-copy,
  .s2g-hero-copy,
  .s2v-hero-copy,
  .s2vocal-hero-copy,
  .vocaux-hero-content,
  .s2g-hero-main,
  .article-hero > div:first-child,
  .s2intl-hero > div:first-child,
  .s2intl-article-hero > div:first-child,
  .hero-content,
  .hero-copy,
  .forum-hero > div:first-child{
    width:100%!important;
    padding:14px 15px!important;
    border-radius:18px!important;
  }
}