@charset "UTF-8";
/*
 * Thème DeciVision — migré pour GLPI 11
 *
 * Fichier à placer dans : files/_themes/ThemeDeciVision.scss
 *
 * GLPI 11 n'utilise plus les variables SCSS ($primary, $logo, etc.)
 * ni l'@import "../includes/palette_light".
 * Tout passe désormais par des variables CSS dans le sélecteur
 * :root[data-glpi-theme="ThemeDeciVision"]
 *
 * Images à héberger sur votre serveur (les URLs externes fonctionnent
 * mais peuvent poser des problèmes de CORS ou de cache navigateur).
 */
/* ============================================================
   1. COULEURS DU THÈME
   Remplace : $primary, $mainmenu_bg, $link-color, etc.
   ============================================================ */
:root[data-glpi-theme=ThemeDeciVision] {
  /* Couleur primaire (boutons, liens actifs, accents) */
  --tblr-primary: #f39200;
  --tblr-primary-rgb: 243, 146, 0;
  --tblr-primary-fg: #ffffff;
  /* Couleur secondaire */
  --tblr-secondary: #737572;
  --tblr-secondary-fg: #f3f3f3;
  /* Liens */
  --tblr-link-color: #000000;
  --tblr-link-color-rgb: 0, 0, 0;
  /* Menu latéral */
  --glpi-mainmenu-bg: #28217D;
  --glpi-mainmenu-fg: #ffffff;
  /* Aperçu palette (4 carrés dans le sélecteur de thème) */
  --glpi-palette-color-1: #f39200;
  --glpi-palette-color-2: #28217D;
  --glpi-palette-color-3: #737572;
  --glpi-palette-color-4: #ffffff;
}

/* ============================================================
   2. LOGO — SIDEBAR (coin supérieur gauche)
   Remplace : $logo et $logo_reduced dans _logos.scss
   ============================================================ */
/* Sidebar étendue */
:root[data-glpi-theme=ThemeDeciVision] ~ body .page .glpi-logo,
body .page .glpi-logo {
  background: url("https://www.decivision.com/images/logo-support-tma-global.png") no-repeat center;
  background-size: contain;
  height: 55px;
  width: 160px;
}

/* Sidebar réduite */
body.navbar-collapsed .navbar-brand .glpi-logo {
  background: url("https://www.decivision.com/wp-content/uploads/2023/03/decivision-logo-symbole-blanc-transparent-100-55.png") no-repeat center;
  background-size: contain;
  width: 40px;
  height: 40px;
}

/* Sidebar réduite */
/*body .page .glpi-logo-reduced {
*    background: url("https://www.decivision.com/wp-content/uploads/2023/03/decivision-logo-symbole-blanc-transparent-100-55.png") no-repeat center;
*    background-size: contain;
*    height: 55px;
*    width: 55px;
*}
*/
/* ============================================================
   3. LOGO — PAGE DE LOGIN
   Remplace : .page-anonymous (v10) → body.welcome-anonymous (v11)
   et les variables $logo-light-login / $logo-dark-login
   ============================================================ */
body.welcome-anonymous .glpi-logo {
  --logo: url("https://www.decivision.com/images/logo-support-tma-accueil.png");
  content: var(--logo);
  width: 400px;
  height: 110px;
}

/* ============================================================
   4. PAGE DE LOGIN — COULEURS ET MISE EN PAGE
   Reprend les règles de ThemeDeciVision.scss v10
   ============================================================ */
body.welcome-anonymous .card-body {
  background: #28217d;
  --tblr-body-bg: #6676ff;
  --tblr-card-bg: #28217D;
}

body.welcome-anonymous h2.mx-auto {
  color: #ffffff;
}

body.welcome-anonymous label.form-label {
  color: #ffffff;
}

body.welcome-anonymous span.form-check-label {
  color: #ffffff;
}

/* Hauteur du conteneur du logo sur la page de login */
body.welcome-anonymous div.col-md {
  height: 110px;
}

body.welcome-anonymous button.btn {
  background-color: #f39200;
  color: #ffffff;
}

body.welcome-anonymous button.btn:hover {
  background-color: #8f5a0a;
  border-color: #f39200;
}

body.welcome-anonymous a {
  color: #c8c8c8;
}

body.welcome-anonymous input.form-check-input:checked {
  background-color: #f39200;
}

/* ============================================================
   5. DIVERS — éléments UI
   ============================================================ */
/* Avatar transparent (supprime le fond coloré automatique) */
span.avatar {
  background-color: transparent;
}

div.search-banner {
  height: 0;
}

div.container-narrow h1.text-center {
  color: #f6f8fb;
  height: 0;
}

div.input-icon.search-bar-container {
  height: 0;
  opacity: 0;
}

input.form-control.home-search {
  display: none;
}

/* Liens dans les descriptions de champs */
span.form-label-description a:link {
  color: #c8c8c8;
}

/* Lien copyright en bas de la page de login */
a.copyright {
  color: #6676ff;
}