/* ================================================================
   theme-switch.css — EGD Flexible Solutions — interrupteur jour/nuit (#themeToggle),
   SOURCE UNIQUE. Fichier dédié séparé d'egdfs.css : admin/index.html ne charge pas
   egdfs.css en entier (ses propres jetons, même motif que egd-jetons.css pour les pages
   qui n'ont besoin que d'un composant isolé). Chargé par chaque page qui a le bouton.
   Version : 2026.11.01 */
.theme-switch{
  position:fixed; top:calc(env(safe-area-inset-top,0px) + 16px); right:16px;
  display:flex; align-items:center; justify-content:space-between;
  width:76px; height:44px; padding:0 6px; box-sizing:border-box;
  border-radius:22px; background:var(--panel); border:1px solid var(--line);
  box-shadow:var(--shadow); cursor:pointer; z-index:50;
}
.theme-switch-thumb{
  position:absolute; top:6px; left:6px; width:32px; height:32px; border-radius:50%;
  background:var(--card); transition:transform .2s ease;
}
[data-theme="dark"] .theme-switch-thumb{ transform:translateX(32px); }
.theme-switch i{
  position:relative; z-index:1; width:32px; height:32px; font-size:15px;
  display:flex; align-items:center; justify-content:center; color:var(--muted);
  transition:color .2s ease;
}
[data-theme="light"] .theme-switch .theme-switch-sun{ color:var(--price); }
[data-theme="dark"] .theme-switch .theme-switch-moon{ color:var(--price); }
@media (prefers-reduced-motion: reduce){
  .theme-switch-thumb{ transition:none; }
}
