@import url("../../../../assets/css/delos.css");

/*
  Zukunftsakademie (ILIAS 10)
  --------------------------
  This is a lightweight branding layer on top of Delos to keep ILIAS 10 compatible.
*/

:root {
  --zs-mainbar-bg: #dfead5;
  --zs-accent: #7aa12a;
  --zs-accent-hover: #658a22;
  --zs-text: #161616;
}

/* Mainbar / navigation background */
.il-maincontrols-mainbar,
.il-mainbar,
.il-mainbar-slates,
nav.il-maincontrols {
  background: var(--zs-mainbar-bg) !important;
}

/* Replace top-left ILIAS logo with Zukunftsakademie logo */
.il-logo a img {
  display: none !important;
}
.il-logo a {
  display: block !important;
  width: 360px;
  height: 45px;
  background: url("images/Logo_Die_Zukunftsakademie-sw.png") no-repeat left center;
  background-size: contain;
}

/* Primary button accent */
.btn-primary,
.btn-primary:focus,
.btn-primary.focus {
  background-color: var(--zs-accent) !important;
  border-color: var(--zs-accent) !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
  background-color: var(--zs-accent-hover) !important;
  border-color: var(--zs-accent-hover) !important;
}

/* Minor tweaks for mainbar icons/labels contrast */
.il-mainbar .btn,
.il-mainbar button,
.il-mainbar a {
  color: var(--zs-text) !important;
}