/*
 * Couche « coquille » historique de la refonte (utilitaires manquants du template).
 * Depuis la refonte « Apparence » (docs/refonte/10-DESIGN-APPARENCE.md), tout le
 * visuel de l'application (menu, en-tête, cartes, boutons, sombre…) vit dans
 * educom-ui.css, chargé après ce fichier. Ne restent ici que des correctifs de
 * classes utilisées par les vues mais absentes de style.css / style-preset.css,
 * branchés sur les jetons (design-tokens.css + theme.css).
 *
 * Retiré le 30/09/2026 (remplacé par educom-ui.css) : fond graphite codé en dur
 * du menu, icônes géantes (46 px) et décalage au survol, sous-menus assombris,
 * survol « .card:hover { transform } » généralisé (il décalait les modales :
 * un transform sur un ancêtre d'un élément position:fixed en devient le bloc
 * conteneur), bouton primaire forcé sur la couleur secondaire.
 */

/* Police configurable (Configuration > Apparence > Police) */
body { font-family: var(--edu-font-family, 'Inter', sans-serif); }

/* ---------- Identité dans le menu (logo + nom d'établissement) ---------- */
.sidebar-brand-logo {
    height: 36px;
    width: 36px;
    object-fit: contain;
    border-radius: var(--edu-radius-sm, 6px);
    vertical-align: middle;
}
.pc-brand-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    border-radius: var(--edu-radius-sm, 6px);
    background: var(--edu-color-primary, var(--edu-color-primary));
    color: #fff;
    font-size: 1.05rem;
}
.pc-brand-name {
    display: inline-block;
    margin-left: .6rem;
    font-weight: 600;
    font-size: .95rem;
    vertical-align: middle;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Groupes du menu : libellé et flèche alignés (accordéons pc-hasmenu) */
.pc-hasmenu > .pc-link { display: flex; align-items: center; }
.pc-hasmenu > .pc-link .pc-mtext { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pc-hasmenu > .pc-link .pc-arrow { flex: 0 0 auto; float: none; }

/* Survol des cartes : UNIQUEMENT les cartes cliquables et jamais modale ouverte
   (voir educom-ui.css §8 - la garde body:not(.modal-open) est indispensable). */

/* ---------- Utilitaires manquants (héritage SB-Admin / Bootstrap 4) ----------
   bg-gradient-*, border-left-*, badge-light sont utilisés par des vues mais
   n'existent pas dans le template. Définis ici sur les jetons ; educom-ui.css
   (§14) transforme en plus les en-têtes de carte dégradés en en-têtes teintés. */
.bg-gradient-primary { background: linear-gradient(135deg, var(--edu-color-primary, var(--edu-color-primary)), var(--edu-color-secondary, var(--edu-color-primary))) !important; } /* utilitaire : doit primer sur .bg-* */
.bg-gradient-secondary { background: linear-gradient(135deg, var(--edu-color-secondary, var(--edu-color-primary)), #636366) !important; }
.bg-gradient-info { background: linear-gradient(135deg, var(--edu-color-info, var(--edu-color-info)), var(--edu-color-primary, var(--edu-color-primary))) !important; }
.bg-gradient-success { background: linear-gradient(135deg, var(--edu-color-success, var(--edu-color-success)), var(--edu-color-info)) !important; }
.bg-gradient-warning { background: linear-gradient(135deg, var(--edu-color-warning, var(--edu-color-accent)), var(--edu-color-warning)) !important; }
.bg-gradient-danger { background: linear-gradient(135deg, var(--edu-color-danger, var(--edu-color-danger)), var(--edu-color-danger)) !important; }

.border-left-primary { border-left: 3px solid var(--edu-color-primary, var(--edu-color-primary)) !important; }
.border-left-secondary { border-left: 3px solid var(--edu-text-subtle, #8E8E93) !important; }
.border-left-info { border-left: 3px solid var(--edu-color-info, var(--edu-color-info)) !important; }
.border-left-success { border-left: 3px solid var(--edu-color-success, var(--edu-color-success)) !important; }
.border-left-warning { border-left: 3px solid var(--edu-color-warning, var(--edu-color-accent)) !important; }
.border-left-danger { border-left: 3px solid var(--edu-color-danger, var(--edu-color-danger)) !important; }

.badge-light { background-color: rgba(255, 255, 255, .85); color: #1D1D1F; }

/* ---------- Correctif « bg-blue » ----------
   Classe utilisée par ~200 vues (en-têtes de modales surtout) mais absente du
   template : titre blanc sur blanc. Couleur de marque ; les en-têtes de modale
   « bg-blue » sont en plus épurés par educom-ui.css (§12). */
.bg-blue { background-color: var(--edu-color-primary, var(--edu-color-primary)) !important; } /* utilitaire */
.modal-header.bg-blue .close { text-shadow: none; opacity: .85; }
.modal-header.bg-blue .close:hover { opacity: 1; }