/* =========================
   INTEA base theme
   ========================= */

:root {
  --intea-primary: #ff2b23;
  --intea-primary-hover: #eb2018;
  --intea-bg: #f6f7fb;
  --intea-border: #e6e9f2;
  --intea-radius: 18px;
}

/* logo */
.glpi-logo {
  background-image: url("https://optim.tildacdn.net/tild3237-3339-4631-b736-313362653137/-/resize/120x/-/format/webp/noroot.png.webp") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 120px !important;
  height: 40px !important;
}

/* general background */
body {
  background: var(--intea-bg) !important;
}

/* cards */
.card {
  border-radius: var(--intea-radius) !important;
  border: 1px solid var(--intea-border) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.05) !important;
}

/* buttons */
.btn-primary {
  background: var(--intea-primary) !important;
  border-color: var(--intea-primary) !important;
  border-radius: 999px !important;
  font-weight: 700;
}

.btn-primary:hover {
  background: var(--intea-primary-hover) !important;
  border-color: var(--intea-primary-hover) !important;
}

/* fields */
.form-control,
.form-select {
  border-radius: 14px !important;
  border: 1px solid var(--intea-border) !important;
  box-shadow: none !important;
}

/* =========================
   INTEA SIDEBAR THEME
   ========================= */
/* SIDEBAR BASE + GRADIENT */

.navbar-vertical {
  position: relative;
  overflow: hidden;
  border-right: 0 !important;
}

/* gradient layer */
.navbar-vertical::before {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    to bottom,
    rgba(40,60,150,0.88),
    rgba(170,20,85,0.68)
  );

  z-index: 0;
}

/* keep menu above gradient */
.navbar-vertical > * {
  position: relative;
  z-index: 1;
}

/* make menu text white */
.navbar-vertical .nav-link,
.navbar-vertical .dropdown-item,
.navbar-vertical .nav-item {
  color: #ffffff !important;
}

.navbar-vertical .nav-link i,
.navbar-vertical .nav-link svg {
  color: #ffffff !important;
}
/* SIDEBAR GROUPS */
.navbar-vertical .navbar-nav {
  padding: 0 10px !important;
}

.navbar-vertical .nav-item {
  margin: 0 !important;
}

/* group containers */
.navbar-vertical .nav-item .dropdown-menu,
.navbar-vertical .nav-item .dropdown-menu.show,
.navbar-vertical .nav-item ul,
.navbar-vertical .nav-item ul.nav,
.navbar-vertical .nav-item .nav {
  margin: 6px 0 10px 0 !important;
  padding: 6px !important;
  background: rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* top-level links */
.navbar-vertical .nav-link {
  display: flex;
  align-items: center;
  margin: 4px 0 !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  transition: all 0.2s ease;
}

/* hover / active */
.navbar-vertical .nav-link:hover {
  background: rgba(255,255,255,.14) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

.navbar-vertical .nav-link.active,
.navbar-vertical .nav-link.show,
.navbar-vertical .show > .nav-link,
.navbar-vertical .nav-item.active > .nav-link {
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

/* kill weird left artifacts */
.navbar-vertical .nav-item::before,
.navbar-vertical .nav-item::after,
.navbar-vertical .nav-link::before,
.navbar-vertical .nav-link::after {
  display: none !important;
}