/* REOS Branding, GLPI 12 staging. Original logo art, no GLPI core edits. */
/* Theme-independent brand variables. Preserve the user's content light/dark selection. */
:root,
:root[data-glpi-theme],
:root[data-bs-theme] {
  --glpi-mainmenu-bg: #7e847b !important;
  --glpi-mainmenu-fg: #fff !important;
  --glpi-mainmenu-fg-muted: rgba(255,255,255,.78) !important;
  --glpi-mainmenu-active-bg: #FF0B0B !important;
  --tblr-primary: #FF0B0B !important;
  --tblr-primary-rgb: 255, 11, 11 !important;
  --tblr-primary-fg: #fff !important;
  --glpi-logo: url('../img/reos-sidebar-white.png') !important;
  --glpi-logo-light: url('../img/reos-sidebar-white.png') !important;
  --glpi-logo-light-reduced: url('../img/reos-sidebar-white.png') !important;
  --glpi-logo-dark: url('../img/reos-sidebar-white.png') !important;
  --glpi-logo-dark-reduced: url('../img/reos-sidebar-white.png') !important;
  --glpi-logo-reduced: url('../img/reos-sidebar-white.png') !important;
  --glpi-logo-light-login: url('../img/reos-login-full.png') !important;
  --glpi-logo-dark-login: url('../img/reos-login-full.png') !important;
}

/* Only the sidebar receives REOS grey; don't recolour GLPI's top navbar. */
html body .sidebar {
  background-color: #7e847b !important;
  background-image:
    radial-gradient(circle at 82% 16%, rgba(255,255,255,.20) 0 7%, transparent 27%),
    radial-gradient(circle at 15% 64%, rgba(32,38,34,.16) 0 12%, transparent 35%),
    linear-gradient(145deg, rgba(255,255,255,.13), rgba(126,132,123,.06) 42%, rgba(42,48,44,.18)) !important;
  color: #fff !important;
}
html body .sidebar .navbar-brand .glpi-logo,
html body .sidebar .glpi-logo {
  background-image: url('../img/reos-sidebar-white.png') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  width: 80px !important;
  height: 80px !important;
  max-width: 100% !important;
}
html body .sidebar .nav-link.active,
html body .sidebar .nav-item.active > .nav-link,
html body .sidebar .menu-item.active > a {
  background-color: #FF0B0B !important;
  color: #fff !important;
}
/* Full horizontal logo on the anonymous/login page, keeping original aspect. */
html body.page-anonymous .glpi-logo,
html body .page-anonymous .glpi-logo {
  background-image: url('../img/reos-login-full.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: min(400px, 90vw) !important;
  height: 210px !important;
  max-width: 100% !important;
}

/* REOS SIDEBAR HOVER - Text and icons only */
html body .sidebar a:is(:hover, :focus-visible),
html body .sidebar a:is(:hover, :focus-visible) :is(span, i, svg) {
    color: #FFFFFF !important;
}



/* REOS LOGIN FOOTER CLEANUP */
.page-anonymous a.copyright,
.page-anonymous a[href^="https://glpi-project.org/documentation"] {
    display: none !important;
}