@charset "UTF-8";
/* ============================================================
   Palette Wall-IT — claire
   Fichier : /var/www/glpi/files/_themes/wallit-light.scss
   Fond clair, menu bleu nuit, accent vert Wall-IT — contrastes AA
   ============================================================ */
/* (pas de $is-dark : palette claire) */
:root[data-glpi-theme=wallit-light] {
  /* ---- Fonds ---- */
  --wallit-page: #f4f6fa; /* fond de page */
  --wallit-card: #ffffff; /* cartes, panneaux */
  --wallit-field: #ffffff; /* champs */
  --wallit-border: #cfd6e4; /* bordures */
  --wallit-hover: #eaf0f8; /* survol */
  --wallit-night: #0b1526; /* bleu nuit (menu, en-têtes) */
  /* ---- Textes ---- */
  --wallit-text: #0b1526; /* 18:1 sur blanc */
  --wallit-text-2: #5b6780; /* 5.7:1 */
  --wallit-accent: #12ef70; /* vert vif : fonds de boutons, badges, soulignés */
  --wallit-accent-text: #07803c; /* vert foncé : liens et textes (5:1 sur blanc) */
  --wallit-accent-2:#0aa84f; /* hover boutons */
  /* ---- Variables Tabler / GLPI ---- */
  --tblr-primary: var(--wallit-accent);
  --tblr-primary-rgb: 18, 239, 112;
  --tblr-primary-fg: #05130a;
  --tblr-link-color: var(--wallit-accent-text);
  --tblr-link-color-rgb: 7, 128, 60;
  --tblr-link-hover-color: #0aa84f;
  --tblr-link-hover-color-rgb: 10, 168, 79;
  --tblr-secondary: #6b7899;
  --tblr-secondary-fg: #ffffff;
  --tblr-muted: var(--wallit-text-2);
  --tblr-secondary-color: var(--wallit-text-2);
  --tblr-body-bg: var(--wallit-page);
  --tblr-body-bg-rgb: 244, 246, 250;
  --tblr-body-color: var(--wallit-text);
  --tblr-body-color-rgb: 11, 21, 38;
  --tblr-bg-surface: var(--wallit-card);
  --tblr-bg-surface-secondary: var(--wallit-page);
  --tblr-bg-surface-tertiary: var(--wallit-hover);
  --tblr-bg-forms: var(--wallit-field);
  --tblr-card-bg: var(--wallit-card);
  --tblr-card-cap-bg: var(--wallit-page);
  --tblr-border-color: var(--wallit-border);
  --tblr-border-color-translucent: rgba(11, 21, 38, .12);
  --tblr-card-border-color: var(--wallit-border);
  --tblr-active-bg: var(--wallit-hover);
  --tblr-table-striped-bg: rgba(11, 21, 38, .02);
  --tblr-table-hover-bg: var(--wallit-hover);
  --tblr-dropdown-bg: var(--wallit-card);
  --tblr-dropdown-border-color: var(--wallit-border);
  --tblr-modal-bg: var(--wallit-card);
  --tblr-navbar-bg: var(--wallit-card);
  /* menu latéral : bleu nuit, texte clair — le logo blanc y reste parfait */
  --glpi-mainmenu-bg: var(--wallit-night);
  --glpi-mainmenu-fg: #dfe4ee;
  /* échantillon */
  --glpi-palette-color-1: #f4f6fa;
  --glpi-palette-color-2: #0b1526;
  --glpi-palette-color-3: #12ef70;
  --glpi-palette-color-4: #ffffff;
}

/* ---- Renforts ciblés ---- */
:root[data-glpi-theme=wallit-light] .card,
:root[data-glpi-theme=wallit-light] .modal-content,
:root[data-glpi-theme=wallit-light] .dropdown-menu,
:root[data-glpi-theme=wallit-light] .tab-content {
  background-color: var(--wallit-card) !important;
  border-color: var(--wallit-border) !important;
  color: var(--wallit-text);
}

:root[data-glpi-theme=wallit-light] .form-control,
:root[data-glpi-theme=wallit-light] .form-select,
:root[data-glpi-theme=wallit-light] .select2-container .select2-selection,
:root[data-glpi-theme=wallit-light] .input-group-text {
  background-color: var(--wallit-field) !important;
  border: 1px solid var(--wallit-border) !important;
  color: var(--wallit-text) !important;
}

:root[data-glpi-theme=wallit-light] .form-control::placeholder {
  color: #8a94aa;
  opacity: 1;
}

:root[data-glpi-theme=wallit-light] .form-control:focus,
:root[data-glpi-theme=wallit-light] .form-select:focus {
  border-color: var(--wallit-accent-2) !important;
  box-shadow: 0 0 0 0.2rem rgba(18, 239, 112, 0.25) !important;
}

:root[data-glpi-theme=wallit-light] .form-label,
:root[data-glpi-theme=wallit-light] label,
:root[data-glpi-theme=wallit-light] .col-form-label {
  color: var(--wallit-text-2);
}

:root[data-glpi-theme=wallit-light] .text-muted {
  color: var(--wallit-text-2) !important;
}

/* Boutons primaires : vert vif, texte sombre */
:root[data-glpi-theme=wallit-light] .btn-primary {
  background-color: var(--wallit-accent) !important;
  border-color: var(--wallit-accent) !important;
  color: #05130a !important;
  font-weight: 600;
}

:root[data-glpi-theme=wallit-light] .btn-primary:hover {
  background-color: var(--wallit-accent-2) !important;
  border-color: var(--wallit-accent-2) !important;
  color: #ffffff !important;
}

/* Liens : vert foncé lisible sur clair */
:root[data-glpi-theme=wallit-light] a:not(.btn):not(.nav-link) {
  color: var(--wallit-accent-text);
}

/* Onglets */
:root[data-glpi-theme=wallit-light] .nav-tabs .nav-link {
  color: var(--wallit-text-2);
}

:root[data-glpi-theme=wallit-light] .nav-tabs .nav-link.active {
  color: var(--wallit-text);
  border-bottom: 2px solid var(--wallit-accent);
  background: transparent;
}

/* Tableaux */
:root[data-glpi-theme=wallit-light] .table thead th {
  color: var(--wallit-text-2);
  background: var(--wallit-page);
}

:root[data-glpi-theme=wallit-light] .table > :not(caption) > * > * {
  border-bottom-color: var(--wallit-border);
}

:root[data-glpi-theme=wallit-light] .table-hover tbody tr:hover > * {
  background-color: var(--wallit-hover);
}

/* Menu latéral bleu nuit : item actif vert vif, survol léger */
:root[data-glpi-theme=wallit-light] .navbar-vertical {
  background: var(--wallit-night) !important;
}

:root[data-glpi-theme=wallit-light] .navbar-vertical .nav-link {
  color: #dfe4ee;
}

:root[data-glpi-theme=wallit-light] .navbar-vertical .nav-link:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}

:root[data-glpi-theme=wallit-light] .navbar-vertical .nav-link.active,
:root[data-glpi-theme=wallit-light] .navbar-vertical .nav-item.active > .nav-link {
  color: var(--wallit-accent) !important;
}

/* Barre du haut : blanche, bordure fine */
:root[data-glpi-theme=wallit-light] .navbar:not(.navbar-vertical) {
  background: var(--wallit-card) !important;
  border-bottom: 1px solid var(--wallit-border);
}

/* Sous-menus du menu latéral : rester en bleu nuit, texte clair */
:root[data-glpi-theme=wallit-light] .navbar-vertical .dropdown-menu,
:root[data-glpi-theme=wallit-light] .navbar-vertical .navbar-nav .dropdown-menu,
:root[data-glpi-theme=wallit-light] .navbar-vertical .nav-item .dropdown-menu {
  background-color: #111c30 !important;
  border-color: #1f2d4a !important;
}

:root[data-glpi-theme=wallit-light] .navbar-vertical .dropdown-item,
:root[data-glpi-theme=wallit-light] .navbar-vertical .dropdown-menu a {
  color: #dfe4ee !important;
}

:root[data-glpi-theme=wallit-light] .navbar-vertical .dropdown-item:hover,
:root[data-glpi-theme=wallit-light] .navbar-vertical .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #12ef70 !important;
}

/* Barre du haut : bleu nuit (portail client et interface) */
:root[data-glpi-theme=wallit-light] header,
:root[data-glpi-theme=wallit-light] .navbar:not(.navbar-vertical) {
  background: #0b1526 !important;
  border-bottom: 1px solid #1f2d4a !important;
}

:root[data-glpi-theme=wallit-light] header .nav-link,
:root[data-glpi-theme=wallit-light] header a:not(.btn),
:root[data-glpi-theme=wallit-light] header span:not(.glpi-logo),
:root[data-glpi-theme=wallit-light] .navbar:not(.navbar-vertical) .nav-link {
  color: #dfe4ee !important;
}

:root[data-glpi-theme=wallit-light] header .nav-link:hover,
:root[data-glpi-theme=wallit-light] header .nav-link.active {
  color: #12ef70 !important;
}

/* Avatar utilisateur du header : pastille verte, initiales sombres */
:root[data-glpi-theme=wallit-light] header .avatar,
:root[data-glpi-theme=wallit-light] header .avatar-md,
:root[data-glpi-theme=wallit-light] header span.avatar {
  background-color: #12ef70 !important;
  color: #05130a !important;
  font-weight: 600;
}