/* Nav desktop par défaut */
.main-nav {
  margin-left: auto; align-items: center; z-index: 10; display: flex; gap: 20px;
  flex-grow: 1;
}
.main-nav ul { display: flex; gap: 22px; list-style: none; margin: 0; padding: 0; }
.main-nav li { display: flex; align-items: center; }
.main-nav a:not(.playstore-btn) {
  background: none; color: var(--text-color); font-size: .98rem; font-weight: 500;
  padding: 0 10px; border-radius: 0; box-shadow: none; text-decoration: none; transition: color .15s;
  min-width: unset; height: 32px; line-height: 32px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.main-nav a:not(.playstore-btn):hover, .main-nav a:not(.playstore-btn):focus {
  color: #1976d2; background: none; text-decoration: underline;
}

/* Hamburger (règle de base ; visibilité gérée dans responsive.css) */
.hamburger {
  display: none; flex-direction: column; justify-content: center; align-items: center;
  width: 38px; height: 38px; background: none; border: none; cursor: pointer; margin-left: 30px; z-index: 20;
}
.hamburger span { display: block; width: 26px; height: 3.5px; margin: 4px 0; background: var(--secondary-color); border-radius: 2px; transition: .3s; }

/* --- Lang selector (desktop only) --- */
.main-header .lang-switch{
  display: inline-flex !important;   /* force l'horizontal */
  flex-direction: row !important;
  align-items: center;
  gap: 8px;
  white-space: nowrap;               /* empêche le retour à la ligne */
}

.main-header .lang-switch .lang-btn{
  display: inline-flex;
  width: auto !important;            /* évite un width:100% hérité d'ailleurs */
}

.lang-btn {
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:12px; border:1px solid #e3e8ee; background:#fff; cursor:pointer;
  font-size:.9rem; line-height:1; transition:transform .15s, box-shadow .15s, background .15s, color .15s, border-color .15s;
}
.lang-btn img { width: 20px; height: 14px; object-fit: cover; border-radius: 2px; }
.lang-btn.active { background:#1976d2; color:#fff; border-color:#1976d2; }
.lang-btn:hover { transform:translateY(-1px); box-shadow:0 2px 8px rgba(0,0,0,.08); }

/* Le bloc langues dans le menu hamburger est caché par défaut (visible en responsive.css) */
.nav-lang { display: none !important; } /* caché sur desktop */

.lang-switch {
    margin-left: auto;
    flex-shrink: 0;
    display: flex;
    gap: 8px;
}