/* --- Language selector (FR/NL) --- */
.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px;
  border-radius: 14px;
}
.lang-option {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  opacity: 0.7;
}
.lang-option.active {
  opacity: 1;
}

/* Theme-aware variants in header & mobile menu */
.main-header-two .lang-switch,
.mobile-nav__content .lang-switch {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.08);
}
.main-header-two .lang-option,
.mobile-nav__content .lang-option {
  color: #fff;
}
.main-header-two .lang-option.active,
.mobile-nav__content .lang-option.active {
  background: rgba(255, 255, 255, 0.15);
}

/* --- Yellow scheme update (requested) --- */
.lang-option {
  background: #fff3b0; /* jaune clair */
  border: 1px solid #ffe08a;
  color: #2c2c2c;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  overflow: visible; /* s'assure que l'image n'est pas rognée */
}
.lang-option:hover {
  background: #ffe89a;
}
.lang-option.active {
  background: #ffd75e; /* jaune plus foncé pour l’actif */
  border-color: #f0c240;
  color: #1b1b1b;
}
.lang-flag {
  display: inline-flex;
  width: 18px;
  height: 12px;
  flex: 0 0 auto; /* empêche le rétrécissement qui peut cacher le drapeau */
}
.lang-flag img {
  display: block !important; /* force l'affichage de l'image si un style global la masque */
  width: 18px;
  height: 12px;
  border-radius: 2px;
}
.lang-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
}

/* Contexte header & menu mobile: labels encore plus compacts */
.main-header-two .lang-option,
.mobile-nav__content .lang-option {
  font-size: 11px;
}
.main-header-two .lang-label,
.mobile-nav__content .lang-label {
  font-size: 11px;
}

/* --- Header spacing overrides to fit more text --- */
.main-header-two__bottom .main-menu .main-menu__list>li+li {
  margin-left: 28px; /* was 54px */
}
.main-header-two__bottom-right {
  margin-right: 20px; /* was 50px */
}
.main-header-one__bottom-right-btn {
  margin-left: 20px; /* was 40px */
}
.main-header-one__bottom-right-btn a {
  padding: 10px 24px; /* was 15px 40px 15px */
}