/* ============================================ */
/* Sélecteur de langue — Option B (dropdown)    */
/* Partagé entre index, talent, ia               */
/* ============================================ */
.lang-drop{position:relative;font-family:var(--f-mono,var(--ff-mono),ui-monospace,monospace);}
.lang-drop-trigger{
  appearance:none;
  border:1px solid var(--border);
  background:var(--bg-2);
  cursor:pointer;
  font-family:inherit;
  font-size:11px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ink);
  padding:7px 11px 7px 13px;
  border-radius:var(--r-md,8px);
  display:inline-flex;
  align-items:center;
  gap:9px;
  height:34px;
  transition:border-color .2s,background .2s;
}
.lang-drop-trigger:hover{border-color:var(--ink);background:var(--bg-3,var(--bg-1));}
.lang-drop-trigger .current{display:inline-flex;align-items:baseline;gap:6px;line-height:1;}
.lang-drop-trigger .current strong{font-weight:700;}
.lang-drop-trigger .current em{
  font-style:normal;
  font-size:9px;
  letter-spacing:.18em;
  opacity:.55;
  font-weight:500;
}
.lang-drop-trigger .chev{
  width:8px;height:8px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .25s ease;
  opacity:.6;
}
.lang-drop.open .chev{transform:translateY(1px) rotate(-135deg);}
.lang-drop-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:200px;
  background:var(--bg-1);
  border:1px solid var(--border);
  border-radius:var(--r-lg,12px);
  padding:6px;
  box-shadow:0 12px 32px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);
  opacity:0;
  visibility:hidden;
  transform:translateY(-4px);
  transition:opacity .2s,visibility .2s,transform .2s;
  z-index:100;
}
.lang-drop.open .lang-drop-menu{opacity:1;visibility:visible;transform:translateY(0);}
.lang-drop-menu button{
  appearance:none;
  border:0;
  background:transparent;
  cursor:pointer;
  width:100%;
  text-align:left;
  padding:9px 12px;
  border-radius:var(--r-md,8px);
  display:flex;
  align-items:center;
  gap:14px;
  font-family:inherit;
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  color:var(--ink);
  transition:background .15s;
}
.lang-drop-menu button:hover{background:var(--bg-2);}
.lang-drop-menu button .code{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  min-width:24px;
}
.lang-drop-menu button .label{
  font-family:var(--f-sans,var(--ff-sans),system-ui,sans-serif);
  font-size:13px;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
  color:var(--ink-2);
  flex:1;
}
.lang-drop-menu button.active{background:var(--bg-2);}
.lang-drop-menu button.active .code{
  background:linear-gradient(90deg,var(--c-teal,#14b8a6),var(--c-bleu,#3b82f6));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.lang-drop-menu button.active::after{
  content:"";
  width:5px;height:5px;
  border-radius:50%;
  background:linear-gradient(90deg,var(--c-teal,#14b8a6),var(--c-bleu,#3b82f6));
  margin-left:auto;
}

@media(max-width:560px){
  .lang-drop-trigger .current em{display:none;}
  .lang-drop-menu{min-width:180px;}
}