/* lumini-branding:v1 */
:root {
  --lumini-yellow: #ffd200;
  --lumini-yellow-hover: #e8bf00;
  --lumini-black: #151515;
  --lumini-charcoal: #242424;
}

body:has(.page-anonymous) {
  background-color: var(--lumini-black) !important;
  background-image: none !important;
}

body .page-anonymous {
  border-top: 5px solid var(--lumini-yellow);
  background: var(--lumini-black) !important;
}

body .page-anonymous .card.card-md {
  border: 1px solid rgba(255, 210, 0, 0.38) !important;
  border-top: 4px solid var(--lumini-yellow) !important;
  border-radius: 6px !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.42) !important;
}

body .page-anonymous .glpi-logo {
  content: url("/plugins/luminibrand/pics/lumini-logo.png?v=1") !important;
  display: inline-block !important;
  width: min(285px, 72vw) !important;
  height: auto !important;
  max-height: 82px !important;
  margin: 2px auto 28px !important;
  object-fit: contain !important;
}

body .page-anonymous form .form-control:focus,
body .page-anonymous form .form-select:focus {
  border-color: var(--lumini-yellow) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 210, 0, 0.24) !important;
}

body .page-anonymous form .btn.btn-primary {
  border-color: var(--lumini-yellow) !important;
  background: var(--lumini-yellow) !important;
  color: #111 !important;
  font-weight: 700;
}

body .page-anonymous form .btn.btn-primary:hover,
body .page-anonymous form .btn.btn-primary:focus {
  border-color: var(--lumini-yellow-hover) !important;
  background: var(--lumini-yellow-hover) !important;
}

body .page-anonymous .copyright,
body > #root-div-dev,
body > #root-div-dev a {
  color: #d7d7d7 !important;
}

header.navbar.topbar,
aside.navbar.sidebar {
  background: var(--lumini-black) !important;
}

header.navbar {
  border-bottom: 3px solid var(--lumini-yellow) !important;
}

.navbar .navbar-brand {
  min-width: 150px;
}

.navbar .navbar-brand .glpi-logo {
  content: url("/plugins/luminibrand/pics/lumini-logo.png?v=1") !important;
  display: block !important;
  width: 150px !important;
  height: 43px !important;
  padding: 3px 7px !important;
  border-radius: 4px;
  background: #fff !important;
  background-image: none !important;
  object-fit: contain !important;
}

.topbar .nav-link.active,
.topbar .nav-item.active > .nav-link {
  background: var(--lumini-yellow) !important;
  color: #111 !important;
}

.topbar .nav-link:hover,
.topbar .nav-link:focus {
  color: var(--lumini-yellow) !important;
}

.topbar .nav-link.active:hover,
.topbar .nav-link.active:focus {
  color: #111 !important;
}

@media (max-width: 1024px) {
  body .page-anonymous .glpi-logo {
    width: min(250px, 68vw) !important;
    max-height: 72px !important;
    margin-bottom: 22px !important;
  }

  body .page-anonymous .card.card-md {
    max-width: calc(100vw - 28px) !important;
  }
}

@media (max-width: 600px) {
  .navbar .navbar-brand {
    min-width: 112px;
  }

  .navbar .navbar-brand .glpi-logo {
    width: 112px !important;
    height: 34px !important;
    padding: 2px 5px !important;
  }

  body .page-anonymous .glpi-logo {
    width: min(220px, 66vw) !important;
    max-height: 63px !important;
  }
}