/* ==========================*/
/* EduDisplay Theme-toggle CSS */
/* Update: 2026-08-20 */
/* ==========================*/
/* Hoort bij: includes/navigation.html, includes/theme-toggle-auth.html, base-auth */
/* Focus-ring + tooltip-contrast (light/dark) — één bron voor beheer + auth */

/* Theme-toggle: geen focus-ring bij muisklik, wel bij toetsenbord */
#theme-toggle:focus:not(:focus-visible) {
    --tw-ring-shadow: 0 0 #0000;
    box-shadow: none;
}

/* Theme-toggle tooltip: contrasteert met actieve thema (dark UI → licht, light UI → donker) */
#tooltip-toggle.theme-tooltip-light {
    background-color: #ffffff !important;
    color: #111827 !important;
    border-color: #e5e7eb !important;
}

#tooltip-toggle.theme-tooltip-dark {
    background-color: #111827 !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

#tooltip-toggle.theme-tooltip-light .tooltip-arrow,
#tooltip-toggle.theme-tooltip-light .tooltip-arrow::before,
#tooltip-toggle.theme-tooltip-light [data-popper-arrow],
#tooltip-toggle.theme-tooltip-light [data-popper-arrow]::before {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

#tooltip-toggle.theme-tooltip-dark .tooltip-arrow,
#tooltip-toggle.theme-tooltip-dark .tooltip-arrow::before,
#tooltip-toggle.theme-tooltip-dark [data-popper-arrow],
#tooltip-toggle.theme-tooltip-dark [data-popper-arrow]::before {
    background-color: #111827 !important;
    background: #111827 !important;
}