/* GLPI 11 resolves custom-property URLs where they are consumed. */
:root {
  --glpi-logo-light: url("/plugins/workoutbranding/assets/workout-light.png");
  --glpi-logo-dark: url("/plugins/workoutbranding/assets/workout-dark.png");
  --glpi-logo-light-login: url("/plugins/workoutbranding/assets/workout-light.png");
  --glpi-logo-dark-login: url("/plugins/workoutbranding/assets/workout-dark.png");
}

/* Keep the wide Workout Events mark proportional in the sidebar. */
.page .navbar-brand .glpi-logo {
  background-size: contain;
  background-position: center;
}

/* GLPI uses `content` for the login mark. Its default box is too tall. */
.page-anonymous .glpi-logo {
  width: min(300px, 80vw);
  height: 86px;
  object-fit: contain;
}

/* In the collapsed sidebar, show a clear W instead of GLPI's G. */
body.navbar-collapsed .navbar-brand .glpi-logo {
  background: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.navbar-collapsed .navbar-brand .glpi-logo::after {
  content: "W";
  color: #fff;
  font: 900 28px/1 sans-serif;
}