/* Sélecteur pays / langue / devise (17/10/2026, outils/selecteur_pays.py) : en-tête, menu mobile, pied de page. */
.pays { position: relative; flex: none; }
.pays > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 10px; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--encre2); white-space: nowrap; }
.pays > summary::-webkit-details-marker { display: none; }
.pays > summary:hover, .pays[open] > summary { color: var(--accent); }
.pays-liste { position: absolute; right: 0; top: calc(100% + 8px); width: 310px; max-height: 76vh; overflow: auto; background: var(--carte); border: var(--filet); border-radius: var(--rayon-panneau, 14px); box-shadow: var(--ombre-douce); padding: 8px; z-index: 30; }
.pays-liste p, .pays-menu > span { display: block; margin: 0; padding: 10px 12px 4px; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--encre2); }
.pays-liste a, .menu-mobile .pays-menu a { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 12px; border-radius: 8px; color: var(--encre); text-decoration: none; font-size: .95rem; letter-spacing: 0; text-transform: none; }
.pays-liste a small, .pays-menu a small { color: var(--encre2); font-size: .8rem; white-space: nowrap; }
.pays-liste a:hover, .pays-menu a:hover { background: var(--accent-c); }
.pays-liste a[aria-current], .pays-menu a[aria-current] { background: var(--accent-c); font-weight: 600; }
.menu-mobile nav { max-height: 80vh; overflow: auto; min-width: min(330px, calc(100vw - 28px)); }
.pays-menu { border-top: var(--filet); margin-top: 8px; padding-top: 4px; }
.pays-pied a[aria-current] { color: var(--encre); font-weight: 600; }
/* en-tête des éventails déjà plein sur ordinateur : globe seul (le code reste lu par les lecteurs d'écran), menu un peu resserré */
.entete .pays > summary span { display: none; }
.entete .pays > summary { padding: 0 8px; }
@media (min-width: 1061px) and (max-width: 1600px) { .entete-in .entete-nav { gap: 13px; } .entete-in .entete-nav a { letter-spacing: .07em; } }
@media (max-width: 720px) { .entete .pays { display: none; } }