/* ==========================================================================
   Subnautica2.fr — V22 final
   Fond global unique + nettoyage des heroes qui redoublaient le fond.
   ========================================================================== */

html{
  min-height:100%!important;
  background:#020d16!important;
}

body{
  position:relative!important;
  min-height:100vh!important;
  overflow-x:hidden!important;
  background:#020d16!important;
  background-image:none!important;
}

.s2-wallpaper-v22{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  width:100vw!important;
  height:100vh!important;
  pointer-events:none!important;
  background:url('/assets/img/hero-subnautica2.webp') center center / cover no-repeat!important;
  opacity:1!important;
  filter:none!important;
}

.ocean-bg,
.ocean-bg:before,
.ocean-bg:after,
.ocean-bg::before,
.ocean-bg::after,
body:before,
body:after,
body::before,
body::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
  filter:none!important;
  pointer-events:none!important;
}

body > *:not(.s2-wallpaper-v22):not(.ocean-bg){
  position:relative;
  z-index:2;
}

main,#main,.page,.content,.site-main,.content-page,
.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,.auth-page,.auth-shell,.wiki-page,
.s2intl-page,.s2faq-page,.s2bug-page{
  background:transparent!important;
  background-image:none!important;
}

/* Anti double fond sur les heroes */
.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,
.s2faq-hero,.s2bug-hero{
  background:transparent!important;
  background-image:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border-bottom:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.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,
.s2faq-hero:before,.s2faq-hero:after,.s2faq-hero::before,.s2faq-hero::after,
.s2bug-hero:before,.s2bug-hero:after,.s2bug-hero::before,.s2bug-hero::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
  filter:none!important;
}

.s2hr-hero-grid,.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;
}

.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;
}

@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;
  }
}