@charset "UTF-8";
:root[data-glpi-theme=platinao] {
  --pl-azul-platinao: #0056a4;
  --pl-vermelho-platinao: #d20a11;
  --pl-azul-platinao-dark-5: #004b8f;
  --pl-azul-platinao-dark-10: #00417b;
  --pl-azul-platinao-light-10: #1f6fb4;
  --pl-azul-platinao-light-20: #4a8dc3;
  --pl-vermelho-platinao-dark-5: #ba090f;
  --pl-vermelho-platinao-dark-10: #a4080d;
  --pl-vermelho-platinao-light-15: #e0484f;
  --pl-vermelho-platinao-light-25: #ea7479;
  --tblr-primary: var(--pl-azul-platinao);
  --tblr-primary-rgb: 0, 86, 164;
  --tblr-primary-fg: #ffffff;
  --tblr-primary-hover: var(--pl-azul-platinao-dark-5);
  --tblr-primary-active: var(--pl-azul-platinao-dark-10);
  --tblr-link-color: var(--pl-azul-platinao);
  --tblr-link-hover-color: var(--pl-azul-platinao-dark-10);
  --tblr-link-active-color: var(--pl-azul-platinao-dark-10);
  --glpi-mainmenu-bg: var(--pl-azul-platinao);
  --glpi-mainmenu-fg: #ffffff;
  --glpi-mainmenu-active-bg: var(--pl-vermelho-platinao);
  --glpi-mainmenu-active-fg: #ffffff;
  --glpi-mainmenu-item-hover-bg: var(--pl-vermelho-platinao);
  --glpi-mainmenu-item-hover-fg: #ffffff;
  --glpi-mainmenu-border-color: var(--pl-azul-platinao-dark-10);
  --glpi-topbar-bg: #ffffff;
  --glpi-topbar-fg: #111111;
  --glpi-body-bg: #f4f6fa;
  --glpi-card-bg: #ffffff;
  --glpi-card-border-color: #d7e1f0;
  --glpi-card-title-color: #111111;
  --glpi-card-text-color: #111111;
  --tblr-btn-primary-bg: var(--pl-azul-platinao);
  --tblr-btn-primary-border-color: var(--pl-azul-platinao);
  --tblr-btn-primary-color: #ffffff;
  --tblr-btn-primary-hover-bg: var(--pl-azul-platinao-dark-5);
  --tblr-btn-primary-hover-border-color: var(--pl-azul-platinao-dark-5);
  --tblr-btn-primary-active-bg: var(--pl-azul-platinao-dark-10);
  --tblr-btn-primary-active-border-color: var(--pl-azul-platinao-dark-10);
  --tblr-btn-secondary-bg: var(--pl-azul-platinao-light-20);
  --tblr-btn-secondary-border-color: var(--pl-azul-platinao-light-10);
  --tblr-btn-secondary-color: #111111;
  --glpi-alert-info-bg: var(--pl-azul-platinao-light-20);
  --glpi-alert-info-border-color: var(--pl-azul-platinao);
  --glpi-alert-info-color: #111111;
  --glpi-alert-danger-bg: var(--pl-vermelho-platinao-light-15);
  --glpi-alert-danger-border-color: var(--pl-vermelho-platinao);
  --glpi-alert-danger-color: #111111;
  --glpi-palette-color-1: #0056a4;
  --glpi-palette-color-2: #d20a11;
  --glpi-palette-color-3: #ffffff;
  --glpi-palette-color-4: #f4f6fa;
}

/* ==========================================================================
   AJUSTE EXPLÍCITO DO HOVER NA BARRA LATERAL
   (garante que, independente do HTML exato, o hover use o vermelho da marca)
   ========================================================================== */
:root[data-glpi-theme=platinao] {
  /* Itens de menu da barra lateral (GLPI 11 + Tabler) */
}
:root[data-glpi-theme=platinao] .sidebar .nav-link,
:root[data-glpi-theme=platinao] .navbar-vertical .nav-link,
:root[data-glpi-theme=platinao] .navbar.navbar-vertical .nav-link {
  /* Estado normal: usa o azul de fundo, texto branco configurado por variáveis */
  color: var(--glpi-mainmenu-fg);
}
:root[data-glpi-theme=platinao] .sidebar .nav-link:hover,
:root[data-glpi-theme=platinao] .navbar-vertical .nav-link:hover,
:root[data-glpi-theme=platinao] .navbar.navbar-vertical .nav-link:hover {
  background-color: var(--glpi-mainmenu-item-hover-bg) !important;
  color: var(--glpi-mainmenu-item-hover-fg) !important;
}
:root[data-glpi-theme=platinao] .sidebar .nav-link.active, :root[data-glpi-theme=platinao] .sidebar .nav-link[aria-current=page],
:root[data-glpi-theme=platinao] .navbar-vertical .nav-link.active,
:root[data-glpi-theme=platinao] .navbar-vertical .nav-link[aria-current=page],
:root[data-glpi-theme=platinao] .navbar.navbar-vertical .nav-link.active,
:root[data-glpi-theme=platinao] .navbar.navbar-vertical .nav-link[aria-current=page] {
  background-color: var(--glpi-mainmenu-active-bg) !important;
  color: var(--glpi-mainmenu-active-fg) !important;
}

/* ===== FIX HOVER SIDEBAR (ativo + submenu) ===== */
/* 1) Quando o item está ativo, no hover ele deve continuar vermelho (não “escurecer”) */
#sidebar .nav > li.active > a:hover,
#sidebar .nav > li > a.active:hover,
#sidebar .list-group-item.active:hover {
  background-color: var(--primary-color-hover) !important; /* vermelho */
  color: #ffffff !important;
}

/* 2) Submenus (quando expande) – cobre links que não são "nav > li > a" */
#sidebar .nav li ul li > a:hover,
#sidebar .nav li ul li > a:focus,
#sidebar .nav li ul li.active > a:hover {
  background-color: var(--primary-color-hover) !important; /* vermelho */
  color: #ffffff !important;
}

/* 3) (Opcional, mas comum no GLPI) estado "open/expanded" no item pai */
#sidebar .nav > li.open > a:hover,
#sidebar .nav > li.show > a:hover {
  background-color: var(--primary-color-hover) !important; /* vermelho */
  color: #ffffff !important;
}