/* ------------------------------
   Header / Navigation
------------------------------ */
.site-header{
  position:sticky; top:0; z-index:20;
  background:rgb(0, 0, 0);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
  transition: box-shadow .25s ease, background-color .25s ease; /* patch */
}
.site-header.scrolled{
 /* background: rgba(10,10,10,.92);          /* patch */
  box-shadow: 0 8px 24px rgba(0,0,0,.6),
              0 1px 0 rgba(255,255,255,.04) inset; /* patch */
}


.top_black_leak {
  position: absolute;
  top: 100%; /* Position it just below the header */
  left: 0;
  width: 100%;
  z-index: 10; /* Ensure it's above other content but below the header */
}

.top_black_leak img {
   width: 100%;
  height: auto;
  object-fit: cover;
}

.nav{
  display:flex; align-items:center; justify-content:space-between;
  padding:.8rem 2rem; /* Horizontal padding for full-width layout */
  max-width:none; /* Remove container max-width constraint */
  width:100%; /* Full viewport width */
  position:relative; /* For absolute positioning of nav-links */
}

/* Brand (logo) */
.brand{ display:flex; align-items:center; gap:.6rem; letter-spacing:2px; font-weight:700 }
.brand img{ display:block; height:auto; max-width:180px }


/* Liens nav (desktop) */
.nav-links{
  display:flex;
  gap:1rem;
  align-items:center;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}
.nav-links a{
  padding:.2rem .1rem;
  text-transform:uppercase;
}

/* Sélecteur de langue (drapeaux) */
.lang-selector{ display:flex; align-items:center; gap:.5rem; margin-left:1rem }
.lang-flag{
  width:24px; height:24px; display:inline-block; cursor:pointer;
  border-radius:8px; border:1px solid transparent; opacity:.9;
  transition:transform .12s, border-color .2s, opacity .2s, box-shadow .2s;
}
.lang-flag:hover{ transform:translateY(-1px); border-color:var(--accent); opacity:1 }
.lang-flag.active{ border-color:var(--accent); box-shadow:0 0 0 2px rgba(179,18,23,.25) }

/* Bouton hamburger (mobile) */
#hamburger-btn{
  display:none;
  width:40px; height:40px;
  border:1px solid var(--line); border-radius:12px;
  background:#0f0f10; color:var(--fg);
  align-items:center; justify-content:center;
}
#hamburger-btn i{ font-size:1.1rem }
#hamburger-btn:focus-visible{ outline:2px solid var(--accent) }