/* =============================================
   Tafiya Dokumentation - Custom Theme
   Farben passend zur Webseite (Marineblau/Weiß)
   ============================================= */

/* --- Sidebar (linke Navigation) --- */
.wy-nav-side {
  background-color: #1b2a4a;  /* Dunkles Marineblau */
}

/* Sidebar Suchbereich oben */
.wy-side-nav-search {
  background-color: #152240 !important;
}

.wy-side-nav-search input[type="text"] {
  border: none;
  border-bottom: 1px solid #8899bb;
  border-radius: 0;
  background-color: transparent;
  color: #ffffff;
  box-shadow: none;
  padding: 8px 4px;
  outline: none;
}

.wy-side-nav-search input[type="text"]:focus {
  border-bottom-color: #ffffff;
}

.wy-side-nav-search input[type="text"]::placeholder {
  color: #8899bb;
}

/* Seitentitel in der Sidebar mit Logo */
.wy-side-nav-search a {
  color: #ffffff !important;
  font-weight: bold;
}

.wy-side-nav-search a.icon-home::before {
  content: "";
  display: block;
  background: url("../img/logo.png") no-repeat center;
  background-size: contain;
  width: 180px;
  height: 60px;
  margin: 0 auto 10px;
}

/* Standard-Icon ausblenden */
.wy-side-nav-search .icon-home .icon::before,
.wy-side-nav-search .fa-home::before {
  content: none;
}

/* Navigationseinträge */
.wy-menu-vertical a {
  color: #c8d4e6 !important;
}

.wy-menu-vertical a:hover {
  background-color: #2d4270 !important;
  color: #ffffff !important;
}

/* Aktiver Menüpunkt */
.wy-menu-vertical li.current > a,
.wy-menu-vertical li.current a.current {
  background-color: #2d4270 !important;
  color: #ffffff !important;
  border-left: 3px solid #ffffff;
}

/* Untermenü-Einträge sichtbar machen */
.wy-menu-vertical li.current ul li a {
  color: #c8d4e6 !important;
  background-color: #1b2a4a !important;
}

.wy-menu-vertical li.current ul li a:hover {
  color: #ffffff !important;
  background-color: #2d4270 !important;
}

.wy-menu-vertical li.current ul li.current > a {
  color: #ffffff !important;
  background-color: #2d4270 !important;
}

/* Abschnitts-Überschriften in Sidebar */
.wy-menu-vertical .caption {
  color: #8899bb !important;
}

/* --- Obere mobile Navigationsleiste --- */
.wy-nav-top {
  background-color: #1b2a4a;
}

/* --- Content-Bereich --- */

/* Links im Hauptbereich */
.rst-content a,
.wy-nav-content a {
  color: #1b2a4a;
}

.rst-content a:hover {
  color: #2d4270;
}

/* Überschriften im Content */
.rst-content h1,
.rst-content h2,
.rst-content h3 {
  color: #1b2a4a;
}

/* Breadcrumbs oben */
.wy-breadcrumbs a {
  color: #1b2a4a;
}

/* --- Admonitions (Info-/Warnboxen) --- */
.rst-content .admonition.note,
.rst-content .admonition.info {
  border-left-color: #1b2a4a;
}

.rst-content .admonition.note .admonition-title,
.rst-content .admonition.info .admonition-title {
  background-color: #1b2a4a;
  color: #ffffff;
}

/* --- Footer --- */
footer {
  background-color: #f5f7fa;
  color: #1b2a4a;
}

footer a {
  color: #1b2a4a !important;
}

/* --- "Built with MkDocs" Footer-Text ausblenden --- */
.rst-content footer {
  display: none !important;
}

/* --- Scrollbar in Sidebar --- */
.wy-side-scroll::-webkit-scrollbar {
  width: 6px;
}

.wy-side-scroll::-webkit-scrollbar-thumb {
  background-color: #2d4270;
  border-radius: 3px;
}