/* ==========================================================================
   Subnautica2.fr — mini passe globale de cohérence
   ========================================================================== */
:root{
  --s2-polish-line:rgba(96,235,255,.18);
  --s2-polish-panel:rgba(2,24,38,.78);
  --s2-polish-panel-2:rgba(4,42,60,.54);
}

body{
  background-color:#020f19;
}

.site-header{
  min-height:74px;
  border-bottom-color:rgba(96,235,255,.18)!important;
  background:linear-gradient(180deg,rgba(1,18,29,.96),rgba(2,23,36,.90))!important;
  box-shadow:0 10px 34px rgba(0,0,0,.20);
}

.site-brand-logo{
  max-width:clamp(210px,15vw,305px)!important;
  height:auto!important;
}

.site-header .nav>a:not(.nav-circle-link),
.site-header .auth-link{
  border-radius:999px!important;
  letter-spacing:.055em;
}

.site-header .nav>a:not(.nav-circle-link):hover,
.site-header .auth-link:hover{
  transform:translateY(-1px);
}

.btn,button.btn,a.btn{
  border-radius:14px;
  letter-spacing:.06em;
}

.glass,.card,.form-card,.table-wrap{
  border-color:var(--s2-polish-line);
}

.footer{
  margin-top:36px;
  border-top:1px solid rgba(96,235,255,.12)!important;
  background:linear-gradient(180deg,rgba(1,12,20,.70),rgba(1,8,14,.92))!important;
}

.site-footer-links{
  width:min(1640px,calc(100% - 64px));
  margin:0 auto;
}

.site-footer-links strong{
  color:#fff;
}

.site-footer-links span{
  color:#bcdbe4;
}

.site-footer-links nav a{
  color:#b9dbe4;
}

.site-footer-links nav a:hover{
  color:#fff;
}

@media (max-width:900px){
  .site-footer-links{
    width:min(100% - 24px,1640px);
  }
}


/* ==========================================================================
   Footer V2 — simple, utile, épuré
   ========================================================================== */
.s2-footer-clean{
  margin-top:42px!important;
  padding:34px 0 18px!important;
  border-top:1px solid rgba(96,235,255,.14)!important;
  background:
    radial-gradient(circle at 14% 0%,rgba(34,229,255,.08),transparent 32%),
    linear-gradient(180deg,rgba(1,14,24,.78),rgba(1,8,14,.96))!important;
}

.s2-footer-inner{
  width:min(1640px,calc(100% - 64px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr);
  gap:34px;
  align-items:start;
}

.s2-footer-brand strong{
  display:block;
  color:#fff;
  font-size:1.28rem;
  letter-spacing:.02em;
  margin-bottom:10px;
}

.s2-footer-brand p{
  max-width:440px;
  margin:0;
  color:#bad8e0;
  line-height:1.55;
}

.s2-footer-socials{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:16px;
}

.s2-footer-socials a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  color:#bafaff;
  background:rgba(34,229,255,.07);
  border:1px solid rgba(96,235,255,.14);
  font-weight:850;
  font-size:.86rem;
}

.s2-footer-nav{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.s2-footer-nav div{
  display:grid;
  gap:8px;
}

.s2-footer-nav span{
  color:#fff;
  font-weight:950;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.09em;
  margin-bottom:4px;
}

.s2-footer-nav a{
  color:#bcdbe4;
  line-height:1.28;
  font-size:.94rem;
}

.s2-footer-nav a:hover,
.s2-footer-socials a:hover{
  color:#fff;
  border-color:rgba(96,235,255,.28);
}

.s2-footer-bottom{
  width:min(1640px,calc(100% - 64px));
  margin:24px auto 0;
  padding-top:15px;
  border-top:1px solid rgba(96,235,255,.10);
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:#85a8b2;
  font-size:.86rem;
}

@media(max-width:1100px){
  .s2-footer-inner{
    grid-template-columns:1fr;
  }
  .s2-footer-nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .s2-footer-inner,
  .s2-footer-bottom{
    width:min(100% - 24px,1640px);
  }
  .s2-footer-nav{
    grid-template-columns:1fr;
  }
  .s2-footer-bottom{
    display:grid;
  }
}