/*
 * BrainRock-Markenfarben, direkt aus den Pixeln von brainrock_logo.png
 * extrahiert (nicht geschaetzt) — Quelle: brainrock-apis/apps/core/static/core/brand/.
 *
 * Eingebunden ueber templates/mayan_custom_app/app/head.html, das Mayans
 * appearance_app_templates-Hook nutzt (additiv, nach dem Kern-CSS geladen —
 * jede App mit einer <app_label>/app/head.html wird automatisch eingebunden,
 * kein Ueberschreiben von Mayan-Dateien noetig). Selektoren unten zielen auf
 * Bootstrap-3/Flatly-Klassen (bootswatch/flatly), die Mayan aktuell nutzt.
 */
:root {
  --brainrock-navy: #002868;       /* Primaerfarbe — "Brain"-Schriftzug, Hirn-Icon */
  --brainrock-blue-accent: #0040a0; /* helleres Akzent-Blau — Schaltkreis-Glow im Icon */
  --brainrock-charcoal: #182030;   /* "Rock"-Schriftzug, dunkle Facetten des Stein-Icons */
  --brainrock-gray-light: #e0e0e8; /* helle Facetten des Stein-Icons */
  --brainrock-gray-mid: #c8c8d0;   /* mittlere Facetten */
  --brainrock-gray-dark: #909090;  /* dunklere Facetten */
}

.navbar-default {
  background-color: var(--brainrock-navy);
  border-color: var(--brainrock-navy);
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-nav > li > a:hover {
  color: var(--brainrock-gray-light);
}

/*
 * Topbar-Logo oben links ("Mayan EDMS" + icon-mayan-edms-logo, ein
 * CSS-Font-Icon) ist fest im Template verdrahtet
 * (<a class="navbar-brand"><span class="icon-mayan-edms-logo"></span> Mayan EDMS</a>),
 * kein Django-Setting/Static-Datei zum Ueberschreiben wie beim Login-Bild.
 * Rein CSS-basierter Ersatz statt Template-Override: Font-Icon ausblenden,
 * literalen Text per font-size:0 unsichtbar machen, eigenes SVG als
 * Hintergrundbild, dann per ::after wieder einen sichtbaren Text ("BrainRock
 * DMS") einblenden. Relativer url()-Pfad (gleiches Verzeichnis wie diese
 * Datei) wird von Djangos ManifestStaticFilesStorage beim collectstatic
 * automatisch auf den gehashten Dateinamen umgeschrieben, kein manueller
 * Pfad noetig.
 *
 * brainrock_icon.svg ist komplett schwarz gefuellt (fill="#000000" in
 * jedem <path>, kein currentColor) — auf der dunklen Navy-Navbar waere das
 * schwarz auf dunkelblau, kaum sichtbar. filter: invert dreht die
 * Helligkeit um (schwarz -> weiss), ohne das SVG selbst anfassen zu
 * muessen. Wirkt auf das gesamte Element inkl. ::after-Text, aber da der
 * Text ohnehin weiss sein soll, aendert brightness(0)+invert(1) daran
 * nichts (beides landet nach dem Filter bei weiss).
 */
.navbar-brand {
  background-image: url("brainrock_icon.6fc2270088c4.svg");
  background-repeat: no-repeat;
  background-position: 18px center;
  background-size: 42px 42px;
  filter: brightness(0) invert(1);
  padding-left: 72px !important;
  font-size: 0;
}
.navbar-brand .icon-mayan-edms-logo {
  display: none;
}
.navbar-brand::after {
  content: "BrainRock DMS";
  font-size: 18px;
}

/*
 * Logo in der Sidebar unten (wo bisher nur der Text "BrainRock DMS" stand,
 * ueber Mayans eigenes COMMON_PROJECT_TITLE-Setting) — hier ist mehr Platz
 * als in der Topbar, daher das volle Logo mit Schriftzug
 * (brainrock_logo.png) statt nur das Icon. Text im ersten <p> wird
 * ausgeblendet, stattdessen ein Hintergrundbild mit fester Hoehe gezeigt.
 */
#main-menu-footer p:first-of-type {
  background-image: url("brainrock_logo.a756df8cc555.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* Logo ist navy/anthrazit auf transparentem Grund — auf der dunklen
     Sidebar (gleiches Problem wie beim Topbar-Icon) kaum sichtbar ohne
     diesen Filter, siehe Kommentar oben bei .navbar-brand. */
  filter: brightness(0) invert(1);
  height: 70px;
  font-size: 0;
}

.btn-primary {
  background-color: var(--brainrock-blue-accent);
  border-color: var(--brainrock-navy);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--brainrock-navy);
  border-color: var(--brainrock-navy);
}

.panel-primary > .panel-heading {
  background-color: var(--brainrock-navy);
  border-color: var(--brainrock-navy);
}

a {
  color: var(--brainrock-blue-accent);
}
a:hover,
a:focus {
  color: var(--brainrock-navy);
}