/**
 * EvoRating — styles globaux (complément Tailwind compilé)
 * Branding : public/build/images/logo_evorating.jpeg | favicon.png
 */

:root {
    --evorating-font: 'Inter', system-ui, sans-serif;
    --evorating-sidebar-width: 16rem;
    --evorating-sidebar-collapsed: 4.5rem;
    --evorating-sidebar-bg: #000000;
    --evorating-sidebar-border: #1e293b;
}

body {
    font-family: var(--evorating-font);
}

/*
 * Sidebar admin + client.
 * Inactif : gris très léger sur fond noir. Hover / sélection : blanc.
 */
#sidebar {
    --sidebar-link-muted: rgba(255, 255, 255, 0.58);
    --sidebar-link-active: #fff;
}

#sidebar .sidebar-nav-link,
#sidebar .client-sidebar-nav__link,
#sidebar .sidebar-logout {
    color: var(--sidebar-link-muted) !important;
}

#sidebar .sidebar-nav-link i,
#sidebar .client-sidebar-nav__link i,
#sidebar .sidebar-logout i {
    color: var(--sidebar-link-muted) !important;
}

#sidebar .sidebar-label {
    color: inherit !important;
}

#sidebar .sidebar-toggle {
    color: var(--sidebar-link-muted) !important;
}

#sidebar .sidebar-toggle:hover {
    color: var(--sidebar-link-active) !important;
}

#sidebar .sidebar-nav-link:hover,
#sidebar .client-sidebar-nav__link:hover,
#sidebar .sidebar-logout:hover {
    color: var(--sidebar-link-active) !important;
    background: rgb(30 41 59 / 0.85);
}

#sidebar .sidebar-nav-link:hover i,
#sidebar .client-sidebar-nav__link:hover i,
#sidebar .sidebar-logout:hover i {
    color: var(--sidebar-link-active) !important;
}

#sidebar .sidebar-nav-link.is-active,
#sidebar .client-sidebar-nav__link.is-active {
    background: rgb(30 41 59) !important;
    color: var(--sidebar-link-active) !important;
    box-shadow: inset 0 0 0 1px rgb(51 65 85 / 0.9);
}

#sidebar .sidebar-nav-link.is-active i,
#sidebar .client-sidebar-nav__link.is-active i {
    color: var(--sidebar-link-active) !important;
}