/*
 * Feuille ENGENDRÉE par le greffon « IF Personnalisation » — ne pas modifier à
 * la main : elle est réécrite à chaque changement de thème OU de logo.
 * Thème : INFOFORMA
 * Jeton de version : 1789134511
 *
 * On surcharge les variables du cœur, jamais ses règles : la palette choisie
 * dans les préférences continue de gérer le clair/sombre et toutes les nuances
 * que ce greffon ne touche pas.
 */

/* ── Thème ─────────────────────────────────────────────────────────────── */
:root {
    --tblr-primary-rgb: 228, 16, 19 !important;
    --tblr-primary: rgb(228, 16, 19) !important;
    --tblr-border-radius: 15px !important;
    --tblr-border-radius-sm: 9px !important;
    --tblr-border-radius-lg: 24px !important;
    --tblr-body-font-size: 14px !important;
    --glpi-mainmenu-bg: #bfbfbf !important;
    --glpi-mainmenu-fg: #ffffff !important;
    --glpi-mainmenu-active-bg: #f2a6a6 !important;
}

/* ── Logo ────────────────────────────────────────────────────────────────
 * GLPI 11 pilote son logo par des variables, consommées de deux façons :
 *     .page           .glpi-logo { background: var(--glpi-logo) no-repeat; }
 *     .page-anonymous .glpi-logo { content: var(--logo); }   <- page de connexion
 * On redéfinit donc les VARIABLES, pas les propriétés : les deux usages
 * suivent, ainsi que les variantes clair / sombre / barre repliée.
 */
:root {
    --glpi-logo-light:         url("/public/plugins/apparence/pics/logo-actif.png?v=1789134511");
    --glpi-logo-dark:          url("/public/plugins/apparence/pics/logo-actif.png?v=1789134511");
    --glpi-logo-light-reduced: url("/public/plugins/apparence/pics/icone-actif.png?v=1789134511");
    --glpi-logo-dark-reduced:  url("/public/plugins/apparence/pics/icone-actif.png?v=1789134511");
    --glpi-logo-dark-login:    url("/public/plugins/apparence/pics/logo-actif.png?v=1789134511");
    --glpi-logo-light-login:   url("/public/plugins/apparence/pics/logo-actif.png?v=1789134511");
}

/* Les boîtes du cœur sont proches du carré ; un logo large y serait rogné. */
.page .glpi-logo {
    background-size: contain !important;
    background-position: center center !important;
}

/* Sur la page de connexion, le span est un élément remplacé (content:) :
   c'est object-fit qui gouverne son cadrage, pas background-size. */
.page-anonymous .glpi-logo {
    object-fit: contain;
}