/* MyEureka Theme - sélecteur sombre / clair / système (v1.0.0)
 * Mêmes règles que le composant .me-theme-toggle du Design System MyEureka
 * (Premium Home), reprises ici pour que le sélecteur fonctionne sans l'extension.
 */
.me-theme-toggle { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border-radius: var(--me-radius-pill, 999px); background: var(--me-inset, rgba(127, 127, 127, .12)); border: 1px solid var(--me-border, rgba(127, 127, 127, .2)); line-height: 1; vertical-align: middle; }
.me-theme-toggle button { display: inline-grid; place-items: center; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--me-text-3, #8d8bb0); cursor: pointer; box-shadow: none; transition: background var(--me-dur, 200ms) var(--me-ease, ease), color var(--me-dur, 200ms) var(--me-ease, ease); }
.me-theme-toggle button:hover { color: var(--me-text, #f4f3ff); background: transparent; }
.me-theme-toggle button:focus-visible { outline: 0; box-shadow: var(--me-focus-ring, 0 0 0 3px rgba(140, 112, 255, .5)); }
.me-theme-toggle button[aria-pressed="true"] { background: var(--me-surface-2, #1d1d33); color: var(--me-highlight, #b9a3ff); box-shadow: var(--me-shadow-1, 0 1px 2px rgba(0, 0, 0, .25)); }
.me-theme-toggle button svg { width: 16px; height: 16px; display: block; }
.me-theme-toggle-compact button { width: 28px; height: 28px; }
.me-theme-toggle-compact button svg { width: 15px; height: 15px; }

/* Infobulle (identique au Design System) */
.me-theme-toggle [data-me-tooltip] { position: relative; }
.me-theme-toggle [data-me-tooltip]::after { content: attr(data-me-tooltip); position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%) translateY(4px); padding: 6px 10px; border-radius: var(--me-radius-sm, 10px); background: var(--me-text, #f4f3ff); color: var(--me-text-inverse, #141427); font-size: var(--me-text-xs, 11px); font-weight: var(--me-weight-semibold, 600); font-family: var(--me-font, inherit); white-space: nowrap; box-shadow: var(--me-shadow-2, 0 8px 28px rgba(0, 0, 0, .3)); opacity: 0; pointer-events: none; z-index: var(--me-z-tooltip, 1200); transition: opacity var(--me-dur-fast, 120ms) var(--me-ease, ease), transform var(--me-dur-fast, 120ms) var(--me-ease, ease); }
.me-theme-toggle [data-me-tooltip]:hover::after, .me-theme-toggle [data-me-tooltip]:focus-visible::after { opacity: 1; transform: translateX(-50%) translateY(0); }
.me-theme-toggle [data-me-tooltip-pos="bottom"]::after { bottom: auto; top: calc(100% + 8px); transform: translateX(-50%) translateY(-4px); }
.me-theme-toggle [data-me-tooltip-pos="bottom"]:hover::after, .me-theme-toggle [data-me-tooltip-pos="bottom"]:focus-visible::after { transform: translateX(-50%) translateY(0); }

/* Bas du menu latéral du tableau de bord Tutor : calé à gauche, aligné sur les
   icônes du menu. Les règles du thème enfant (button min-height 45px, padding,
   translateX au survol) sont neutralisées explicitement. */
.tutor-dashboard-sidebar-nav li.me-theme-dashboard-item,
.tutor-dashboard-sidebar-nav .me-theme-dashboard-item {
  display: flex !important; align-items: center !important; justify-content: flex-start !important;
  width: auto !important; margin: 10px 0 0 !important; padding: 12px 0 2px 13px !important;
  border-top: 1px solid var(--me-border, rgba(127, 127, 127, .2)); background: transparent !important; list-style: none !important;
}
.tutor-dashboard-sidebar-nav .me-theme-dashboard-item .me-theme-toggle {
  display: inline-flex !important; width: max-content !important; max-width: 100% !important; flex: 0 0 auto !important; margin: 0 !important;
  padding: 3px !important; gap: 2px !important; border-radius: 999px !important; transform: none !important;
}
.tutor-dashboard-sidebar-nav .me-theme-toggle button,
body.myeureka-dashboard-skin .tutor-dashboard-sidebar-nav .me-theme-toggle button {
  display: inline-grid !important; place-items: center !important;
  width: 28px !important; height: 28px !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important;
  font-size: 0 !important; line-height: 1 !important; background: transparent !important; color: var(--me-text-3, #8d8bb0) !important;
  box-shadow: none !important; transform: none !important;
}
.tutor-dashboard-sidebar-nav .me-theme-toggle button svg { width: 15px !important; height: 15px !important; display: block !important; }
.tutor-dashboard-sidebar-nav .me-theme-toggle button:hover,
body.myeureka-dashboard-skin .tutor-dashboard-sidebar-nav .me-theme-toggle button:hover { background: transparent !important; color: var(--me-text, #f4f3ff) !important; transform: none !important; }
.tutor-dashboard-sidebar-nav .me-theme-toggle button[aria-pressed="true"],
body.myeureka-dashboard-skin .tutor-dashboard-sidebar-nav .me-theme-toggle button[aria-pressed="true"] { background: var(--me-surface-2, #1d1d33) !important; color: var(--me-highlight, #b9a3ff) !important; box-shadow: var(--me-shadow-1, 0 1px 2px rgba(0, 0, 0, .25)) !important; }
.tutor-dashboard-sidebar-nav .me-theme-toggle button:focus-visible { box-shadow: var(--me-focus-ring, 0 0 0 3px rgba(140, 112, 255, .5)) !important; }

/* Jamais de sélecteur dans l'en-tête du tableau de bord (ancien thème enfant 3.0.0) */
.me-ui-theme-host,
.tutor-dashboard-header .me-theme-toggle,
.tutor-dashboard-header-inner .me-theme-toggle,
.tutor-dashboard-header-right .me-theme-toggle { display: none !important; }

/* Emplacement dans la barre de menu Geeks */
.me-theme-nav-item { display: inline-flex; align-items: center; vertical-align: middle; margin: 0 .5rem; }
ul.navbar-right-wrap > li.me-theme-nav-item { display: inline-flex; }
.me-theme-nav-item-mobile { margin: 0 .5rem 0 0; }
.me-theme-nav-item-fallback { margin-left: auto; }
.me-theme-host { display: inline-flex; align-items: center; }
@media (prefers-reduced-motion: reduce) {
  .me-theme-toggle button, .me-theme-toggle [data-me-tooltip]::after { transition: none; }
}