/*
| bouton clair / sombre (ajouté par js/theme.js), commun aux 6 designs
| couleurs : celles de l en-tête (currentColor) ; chaque design peut l ajuster
*/
.theme-toggle { display: inline-grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; margin-left: 8px; padding: 0; border: 1px solid currentColor; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; opacity: .78; transition: opacity .2s, transform .5s cubic-bezier(.34, 1.4, .64, 1); }
.theme-toggle:hover { opacity: 1; transform: rotate(20deg); }
.theme-toggle svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.theme-toggle .i-sun { display: none; }
[data-theme="dark"] .theme-toggle .i-sun { display: block; }
[data-theme="dark"] .theme-toggle .i-moon { display: none; }
.langues-seul { display: flex; align-items: center; }
@media (prefers-reduced-motion: reduce) { .theme-toggle { transition: none; } }