/*
 * Surcharges Radzen. Cette feuille est chargee APRES default.css / standard.css de
 * Radzen (index.html). Les variables --rz-* sont rebranchees sur la charte dans
 * wwwroot/css/theme.css, mais default.css redefinit les couleurs primaires sur :root
 * et l'emportait par l'ordre des feuilles : tous les boutons « primaires » restaient
 * bleu Radzen quelle que soit la charte du bureau. Les couleurs de marque sont donc
 * reaffirmees ici, apres Radzen. Le reste traite les selecteurs que Radzen ecrit en
 * dur (barre laterale, menu). Aucune couleur litterale ici : uniquement des jetons --ed-*.
 */

:root {
    --rz-primary: var(--ed-primary);
    --rz-primary-light: var(--ed-primary-light);
    /* Teinte pale des survols et selections : la marque melee de blanc, texte fonce. */
    --rz-primary-lighter: color-mix(in srgb, var(--ed-primary) 14%, white);
    --rz-primary-dark: var(--ed-primary-dark);
    --rz-primary-darker: var(--ed-primary-dark);
    --rz-on-primary: var(--ed-primary-contrast);
    --rz-on-primary-light: var(--ed-primary-contrast);
    --rz-on-primary-lighter: var(--ed-primary-dark);
    --rz-on-primary-dark: var(--ed-primary-contrast);
    --rz-on-primary-darker: var(--ed-primary-contrast);
    --rz-secondary: var(--ed-secondary);
    --rz-on-secondary: var(--ed-secondary-contrast);
}

.rz-sidebar {
    background-color: var(--ed-sidebar-bg) !important;
}

.rz-panel-menu {
    background-color: transparent !important;
}

/* Etat au repos des entrees de menu */
.rz-panel-menu .rz-navigation-item-link,
.rz-panel-menu > .rz-navigation-item > .rz-navigation-item-wrapper > .rz-navigation-item-link,
.rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item-link {
    background-color: var(--ed-sidebar-bg) !important;
    color: var(--ed-sidebar-text) !important;
    cursor: pointer;
    text-decoration: none;
}

/* Entree active */
.rz-panel-menu .menu-item-active .rz-navigation-item-link,
.rz-panel-menu .rz-navigation-item .rz-navigation-item .rz-navigation-item-wrapper-active .rz-navigation-item-link {
    background-color: var(--ed-sidebar-active-bg) !important;
    color: var(--ed-sidebar-active-text) !important;
}

/* Survol */
.rz-panel-menu .rz-navigation-item-link:hover,
.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
    background-color: var(--ed-sidebar-active-bg) !important;
    color: var(--ed-sidebar-active-text) !important;
}

.rz-panel-menu .rz-navigation-item-wrapper-active {
    background-color: var(--ed-sidebar-active-bg) !important;
    color: var(--ed-sidebar-active-text) !important;
    border-radius: var(--ed-radius-sm);
    margin: 4px 16px;
}

/* Icones du menu */
.icon-active {
    color: var(--ed-sidebar-active-text) !important;
}

.icon-inactive {
    color: var(--ed-sidebar-text) !important;
}

.icon-inactive:hover {
    color: var(--ed-accent) !important;
}

/* Masque le popup du RadzenSplitButton tant que notre JS ne l'a pas aligne a droite
   (voir app.js) : evite un flash a la position par defaut de Radzen. */
.rz-splitbutton-menu {
    visibility: hidden;
}

.rz-splitbutton-menu.ed-positioned {
    visibility: visible;
}