/* ===========================================================================
   PITNAS-Branding fuer Semaphore
   Wird ueber nginx in jede Seite eingeblendet. Am Programm selbst wird
   nichts veraendert, das ueberlebt daher jedes Semaphore-Update.
   =========================================================================== */

:root {
  --pitnas: #ac003c;
  --pitnas-dunkel: #86002f;
}

/* --- Hausfarbe statt des voreingestellten Blaugruen ---------------------- */
.v-application .primary,
.v-application .primary.v-btn,
.v-application .v-app-bar.primary,
.v-application .v-toolbar.primary,
.v-application .v-navigation-drawer.primary,
.v-application .v-tabs-bar.primary,
.v-application .v-btn--fab.primary,
.v-application .v-list-item--active.primary {
  background-color: var(--pitnas) !important;
  border-color: var(--pitnas) !important;
}

.v-application .primary--text,
.v-application a,
.v-application .v-tab--active {
  color: var(--pitnas) !important;
  caret-color: var(--pitnas) !important;
}

.v-application .v-tabs-slider,
.v-application .v-progress-linear__determinate,
.v-application .v-progress-circular__overlay {
  background-color: var(--pitnas) !important;
  color: var(--pitnas) !important;
}

.v-application .v-input--is-focused fieldset,
.v-application .v-text-field--outlined.v-input--is-focused fieldset {
  border-color: var(--pitnas) !important;
}

.v-application .primary.v-btn:hover,
.v-application .primary:hover {
  background-color: var(--pitnas-dunkel) !important;
}

/* --- Seitenleiste durchgaengig in der Hausfarbe, Schrift weiss ---------- */
.v-application .v-navigation-drawer,
.v-application .v-navigation-drawer__content,
.v-application aside.v-navigation-drawer,
.v-application .v-navigation-drawer .v-list,
.v-application .v-navigation-drawer .v-sheet,
.v-application .v-navigation-drawer .v-list-group__items {
  background-color: var(--pitnas) !important;
}

.v-application .v-navigation-drawer,
.v-application .v-navigation-drawer *,
.v-application .v-navigation-drawer .v-list-item,
.v-application .v-navigation-drawer .v-list-item__title,
.v-application .v-navigation-drawer .v-list-item__subtitle,
.v-application .v-navigation-drawer .v-list-item__content,
.v-application .v-navigation-drawer .v-subheader,
.v-application .v-navigation-drawer a,
.v-application .v-navigation-drawer .v-icon,
.v-application .v-navigation-drawer .v-icon::before {
  color: #ffffff !important;
  caret-color: #ffffff !important;
}

/* Der Logo-Kasten bleibt weiss, damit der schwarze Schriftzug lesbar ist */
.v-application .v-navigation-drawer #pitnas-logo {
  background: #ffffff !important;
}

/* Aktiver Eintrag: helle Auflage statt anderer Farbe */
.v-application .v-navigation-drawer .v-list-item--active,
.v-application .v-navigation-drawer .v-list-item--active::before {
  background-color: rgba(255, 255, 255, .18) !important;
  opacity: 1 !important;
}

.v-application .v-navigation-drawer .v-list-item:hover::before {
  background-color: rgba(255, 255, 255, .10) !important;
  opacity: 1 !important;
}

/* Trennlinien dezent aufhellen */
.v-application .v-navigation-drawer .v-divider {
  border-color: rgba(255, 255, 255, .22) !important;
}

/* --- Logo in der Seitenleiste ------------------------------------------- */
#pitnas-logo {
  display: block;
  width: 100%;
  padding: 14px 16px 12px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  box-sizing: border-box;
}

#pitnas-logo img {
  display: block;
  max-width: 150px;
  height: auto;
  margin: 0 auto;
}

/* Logo auf der Anmeldeseite */
#pitnas-logo-login {
  display: block;
  text-align: center;
  margin: 0 0 18px;
}

#pitnas-logo-login img {
  max-width: 210px;
  height: auto;
}

/* Vorhandenes Semaphore-Zeichen ausblenden, wo es doppelt waere */
.v-application img[src*="favicon"],
.v-application img[alt="Semaphore"],
.v-application .v-toolbar__title img {
  display: none !important;
}