/* === Invidia logos for GLPI ============================================= */
/* Top bar:    pics/logos/logo-invidia-PNG_white.png (434x50 ratio) */
/* Login page: pics/logos/logo-invidia-PNG.png       (521x60 ratio) */
/* ======================================================================= */

:root {
  --glpi-logo-light: url("../pics/logos/logo-invidia-PNG_white.png");
  --glpi-logo-light-reduced: url("../pics/logos/logo-invidia-100x55.png");
  --glpi-logo-dark: url("../pics/logos/logo-invidia-PNG_white.png");
  --glpi-logo-dark-reduced: url("../pics/logos/logo-invidia-PNG_white.png");
  --glpi-logo-dark-login: url("../pics/logos/logo-invidia-PNG.png");
  --glpi-logo-light-login: url("../pics/logos/logo-invidia-PNG_white.png");
  --glpi-logo: var(--glpi-logo-light);
  --glpi-logo-reduced: var(--glpi-logo-light-reduced);
  --logo-topbar-h: min(34px, calc(var(--glpi-topbar-height, 79px) - 24px));
  --logo-login-h: 55px;
  --logo-login-w-scale: 1.08;
}

/* ---------------- FRONT PAGE / TOP BAR ---------------- */
.topbar .navbar-brand,
.sidebar .navbar-brand {
  display: inline-flex !important;
  align-items: center !important;
}

.topbar .navbar-brand {
  min-height: var(--glpi-topbar-height, 79px) !important;
}

.topbar .navbar-brand .glpi-logo,
.sidebar .navbar-brand .glpi-logo {
  display: inline-block !important;
  height: var(--logo-topbar-h) !important;
  width: min(260px, calc(var(--logo-topbar-h) * 434 / 50)) !important;
  background-image: url("../pics/logos/logo-invidia-PNG_white.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  content: url("../pics/logos/logo-invidia-PNG_white.png") !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

body.navbar-collapsed .sidebar .navbar-brand .glpi-logo {
  height: 28px !important;
  width: 160px !important;
  background-image: url("../pics/logos/logo-invidia-PNG_white.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

/* ---------------- LOGIN PAGE ---------------- */
.page .glpi-logo {
  display: block !important;
  margin: 0 auto !important;
  height: var(--logo-login-h) !important;
  width: min(95vw, calc(var(--logo-login-h) * 521 / 60 * var(--logo-login-w-scale))) !important;
  background-image: url("../pics/logos/logo-invidia-PNG.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  content: url("../pics/logos/logo-invidia-PNG.png") !important;
}

/* ---------------- Small screens ---------------- */
@media (max-width: 576px) {
  :root {
    --logo-topbar-h: 28px;
    --logo-login-h: 46px;
  }
}