/* Yanis Prestige — Langues : pastille drapeaux (Option A validée). Identique à l'aperçu option-A-flags. */
.yl-fpill{display:inline-flex;align-items:center;gap:2px;margin-inline-start:18px;padding:3px;border:1px solid rgba(230,174,147,.45);border-radius:999px;background:rgba(18,9,16,.35);font-family:var(--f-sans);line-height:1;direction:ltr}
.yl-fpill a{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px 0 4px;border-radius:999px;color:#cdb6bf;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.1em!important;font-family:var(--f-sans)!important}
.yl-fpill a.is-active{background:rgba(230,174,147,.18);color:#e6ae93}
.yl-flag{display:block;width:22px;height:22px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(245,233,236,.25);opacity:.8}
.yl-flag svg{display:block;width:100%;height:100%}
.yl-fpill a.is-active .yl-flag{opacity:1;box-shadow:0 0 0 2px #231320,0 0 0 3.5px #e6ae93}
@media (max-width:720px){
 .yl-fpill{margin-inline-start:6px;padding:2px;gap:0}
 .yl-fpill a{padding:0;width:24px;height:24px;justify-content:center}
 .yl-fpill a.is-active{background:transparent}
 .yl-code{display:none}
 .yl-flag{width:18px;height:18px}
 .yl-has-pill-header .yp-header__inner{gap:.5rem!important}.yl-has-pill-header .yp-header__actions{gap:.7rem!important}
 .yp-brand.yl-has-pill .yp-logo-lotus__img{width:144px!important;height:auto!important}
}
.yl-fpill a:focus-visible{outline:2px solid #e6ae93;outline-offset:2px}

/* 1.0.1 — desktop 961px+: keep the header on one line with the pill (no horizontal overflow, FR/EN/AR). Codes only from 1600px. */
@media (min-width:961px){
 .yl-has-pill-header .yp-header__inner{gap:1.25rem}
 .yl-has-pill-header .yp-nav__list{gap:1.1rem}
 .yl-has-pill-header .yp-nav__list a{font-size:.74rem;letter-spacing:.12em}
 .yl-fpill{margin-inline-start:12px}
}
@media (min-width:961px) and (max-width:1599px){
 .yl-fpill .yl-code{display:none}
 .yl-fpill a{padding:0 4px;gap:0}
}
@media (min-width:961px) and (max-width:1280px){
 .yl-has-pill-header .yp-header__inner{gap:.9rem}
 .yl-has-pill-header .yp-nav__list{gap:.8rem}
 .yl-fpill{margin-inline-start:8px}
 .yl-fpill a{padding:0 2px}
}
@media (min-width:1281px) and (max-width:1439px){
 .yl-has-pill-header .yp-nav__list{gap:.95rem}
}
@media (min-width:961px) and (max-width:1100px){
 .yl-has-pill-header .yp-header__inner{gap:.6rem}
 .yl-has-pill-header .yp-nav__list{gap:.6rem}
 .yl-has-pill-header .yp-nav__list a{font-size:.68rem;letter-spacing:.08em}
 .yl-has-pill-header .yp-header__actions{gap:.75rem}
 .yp-brand.yl-has-pill .yp-logo-lotus__img{width:150px!important;height:auto!important}
 .yl-fpill{margin-inline-start:6px;padding:2px}
 .yl-fpill a{padding:0 1px}
 .yl-fpill .yl-flag{width:20px;height:20px}
}