/* HelpMe — FR/EN language switcher.
   Styles the header toggle. Text swapping itself is done by translate.js
   using hand-written English copy (see the I18N_EN dictionary at the
   bottom of each page) — no third-party translation widget is used. */

.lang-switch{
  display:inline-flex; align-items:center; flex:none; margin-left:auto;
  border:1px solid var(--teal, #247449); border-radius:999px;
  overflow:hidden; background:var(--card, #FFFFFF);
}
.lang-switch .lang-opt{
  font-family:inherit; font-size:12.5px; font-weight:700; letter-spacing:.04em;
  line-height:1; padding:7px 11px; border:none; background:none; cursor:pointer;
  color:var(--teal-dark, #1A5C3A); transition:background .15s ease, color .15s ease;
}
.lang-switch .lang-opt:not(.is-active):hover{ background:rgba(36,116,73,.10); }
.lang-switch .lang-opt.is-active{ background:var(--teal, #247449); color:#FFFFFF; }
.lang-switch .lang-opt:focus-visible{ outline:2px solid var(--teal-dark, #1A5C3A); outline-offset:2px; }

@media(min-width:900px){
  .lang-switch{ margin-left:0; }
}