.site-header{
  position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;
  padding:14px 18px;background:linear-gradient(180deg,hsl(109, 85%, 21%),#111827);
  border-bottom:1px solid var(--border); box-shadow:var(--shadow);
}
.brand{color:#fff;font-weight:800;letter-spacing:.2px;font-size:clamp(18px,2.6vw,22px);text-decoration:none}
.brand:hover{text-decoration:underline}

/* groupe de droite du header (boutons + drapeau) */
.header-right{
  margin-left:auto;display:flex;align-items:center;gap:18px; /* plus d'espace avec le drapeau */
}
.auth-buttons{ display:flex; gap:12px; } /* espace entre Inscription et Connexion */

/* Boutons Auth (Inscription / Connexion) */
.btn-auth {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  border: none; /* pas de contour blanc */
  color: #fff;
  text-decoration: none; /* supprime souligné */
  background-color: #0b5b0e; /* vert clair */
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
  transition: transform .15s ease, box-shadow .15s ease, background-color .3s ease;
}

.btn-auth:hover {
  background-color: #033b06; /* vert foncé */
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
  text-decoration: none;
}

.lang-box{position:relative}
.lang-box>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#0b1224;color:#fff}
.lang-box[open]>summary{background:#0e1730}
.lang-box .lang-list{position:absolute;right:0;top:calc(100% + 6px);background:#0b1224;border:1px solid var(--border);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:140px;box-shadow:var(--shadow)}
.lang-box .lang-list a{color:#fff;text-decoration:none;padding:6px 8px;border-radius:8px;display:flex;gap:8px;align-items:center}
.lang-box .lang-list a:hover{background:#111a34}
.lang-box>summary::-webkit-details-marker{display:none}
/* Logo à gauche + alignement propre */
.site-header .brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.site-header .brand-logo{height:60px;width:auto;display:block}
.site-header .brand-title{font-weight:700}
@media (max-width:640px){
  .site-header .brand-logo{height:60px}
}