/*
 * EinsatzHUB Dark Theme Override fuer Argon DokuWiki Template
 * Diese Datei nach doku.css laden:
 *   Ablegen unter: lib/tpl/argon/assets/css/custom-dark.css
 *   In lib/tpl/argon/main.php einfuegen:
 *     <link href="/doku/lib/tpl/argon/assets/css/custom-dark.css" rel="stylesheet" />
 */

/* ============================================================
   CSS Custom Properties (Argon-Variablen ueberschreiben)
   ============================================================ */
:root {
  --white: #1e1e32;
  --secondary: #1a1a2e;
  --light: #2a2a4a;
  --lighter: #16213e;
  --default: #0f0f1a;
}

/* ============================================================
   Basis: Body & HTML
   ============================================================ */
html,
body {
  background-color: #0f0f1a !important;
  color: #e8e8f0 !important;
}

/* ============================================================
   Navbar / Header
   ============================================================ */
.navbar,
#dokuwiki__header,
.bg-default {
  background-color: #1a1a2e !important;
  border-bottom: 1px solid #2a2a4a !important;
}

.navbar a,
#dokuwiki__header a,
#dokuwiki__header h1 a {
  color: #e8e8f0 !important;
}

.navbar a:hover,
#dokuwiki__header a:hover {
  color: #4a9eff !important;
}

/* ============================================================
   Hauptinhalt & Cards
   ============================================================ */
.main-content,
.section,
#dokuwiki__content,
#dokuwiki__site {
  background-color: #0f0f1a !important;
  color: #e8e8f0 !important;
}

.card,
.card-body,
.card-header {
  background-color: #1e1e32 !important;
  border-color: #2a2a4a !important;
  color: #e8e8f0 !important;
}

/* ============================================================
   Sidebar (Argon: .ct-sidebar, nav.ct-links)
   ============================================================ */
#dokuwiki__aside,
.sidebar,
.ct-sidebar,
.ct-sidebar nav,
.ct-sidebar .ct-links,
.ct-sidebar .ct-toc-item,
.ct-sidebar .ct-sidenav {
  background-color: #1a1a2e !important;
  color: #9090b0 !important;
  border-color: #2a2a4a !important;
}

.ct-sidebar .nav-item.nav-link,
.ct-sidebar .ct-toc-link {
  color: #9090b0 !important;
}

.ct-sidebar a,
.ct-sidebar .ct-sidenav a,
#dokuwiki__aside a {
  color: #4a9eff !important;
}

.ct-sidebar a:hover,
.ct-sidebar .ct-sidenav a:hover,
#dokuwiki__aside a:hover {
  color: #6ab4ff !important;
}

/* ============================================================
   Footer
   ============================================================ */
.footer,
#dokuwiki__footer {
  background-color: #1a1a2e !important;
  color: #9090b0 !important;
  border-top: 1px solid #2a2a4a !important;
}

.footer a,
#dokuwiki__footer a {
  color: #4a9eff !important;
}

/* ============================================================
   Typografie
   ============================================================ */
h1, h2, h3, h4, h5, h6 {
  color: #e8e8f0 !important;
}

p, li, dd, dt, td, th, label, legend, caption, figcaption {
  color: #e8e8f0;
}

/* ============================================================
   Links
   ============================================================ */
a:link,
a:visited {
  color: #4a9eff !important;
}

a:hover,
a:focus {
  color: #6ab4ff !important;
}

a:active {
  color: #ffa500 !important;
}

/* DokuWiki-spezifische Links */
.dokuwiki a.wikilink1 {
  color: #4a9eff !important;
}

.dokuwiki a.wikilink2 {
  color: #ffa500 !important;
}

/* ============================================================
   Tabellen
   ============================================================ */
table,
.table,
#dokuwiki__content table {
  background-color: #1e1e32 !important;
  border-color: #2a2a4a !important;
  color: #e8e8f0 !important;
}

th,
.table th,
.table .thead-light th,
#dokuwiki__content table th {
  background-color: #1a1a2e !important;
  border-color: #2a2a4a !important;
  color: #e8e8f0 !important;
}

td,
.table td,
#dokuwiki__content table td {
  border-color: #2a2a4a !important;
  color: #e8e8f0 !important;
}

/* Abwechselnde Zeilenfarben */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #16213e !important;
}

/* ============================================================
   Formulare & Eingabefelder
   ============================================================ */
.form-control,
input,
textarea,
select,
#dw__login input,
#dw__register input {
  background-color: #16213e !important;
  border: 1px solid #2a2a4a !important;
  color: #e8e8f0 !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
  background-color: #16213e !important;
  border-color: #4a9eff !important;
  color: #e8e8f0 !important;
  box-shadow: 0 0 5px rgba(74, 158, 255, 0.3) !important;
}

.form-control:disabled,
input:disabled,
textarea:disabled {
  background-color: #1a1a2e !important;
  color: #9090b0 !important;
}

::placeholder {
  color: #9090b0 !important;
  opacity: 1 !important;
}

/* ============================================================
   Buttons
   ============================================================ */
.btn-primary {
  background-color: #4a9eff !important;
  border-color: #4a9eff !important;
  color: #fff !important;
}

.btn-primary:hover {
  background-color: #6ab4ff !important;
  border-color: #6ab4ff !important;
}

.btn-secondary,
#tool__bar button {
  background-color: #1a1a2e !important;
  border-color: #2a2a4a !important;
  color: #e8e8f0 !important;
}

.btn-secondary:hover,
#tool__bar button:hover {
  background-color: #16213e !important;
  border-color: #4a9eff !important;
}

.btn-white,
.btn-neutral,
.qq-upload-button,
button {
  background-color: #1e1e32 !important;
  border-color: #2a2a4a !important;
  color: #e8e8f0 !important;
}

.btn-default {
  background-color: #0f0f1a !important;
  border-color: #2a2a4a !important;
  color: #e8e8f0 !important;
}

/* ============================================================
   Dropdowns
   ============================================================ */
.dropdown-menu {
  background-color: #1e1e32 !important;
  border-color: #2a2a4a !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

.dropdown-item {
  color: #e8e8f0 !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #1a1a2e !important;
  color: #4a9eff !important;
}

/* ============================================================
   Code-Bloecke
   ============================================================ */
pre,
code,
samp,
kbd,
.dokuwiki pre,
.dokuwiki code {
  background-color: #1a1a2e !important;
  color: #e8e8f0 !important;
  border-color: #2a2a4a !important;
}

/* ============================================================
   Suche
   ============================================================ */
#qsearch__out,
#dw__search {
  background-color: #1e1e32 !important;
  border-color: #2a2a4a !important;
  color: #e8e8f0 !important;
}

.search_hit {
  background-color: #1e3a5f !important;
  color: #e8e8f0 !important;
}

/* ============================================================
   TOC (Inhaltsverzeichnis)
   ============================================================ */
#dw__toc,
.dokuwiki div.toc {
  background-color: #1e1e32 !important;
  border-color: #2a2a4a !important;
  color: #e8e8f0 !important;
}

#dw__toc a,
.dokuwiki div.toc a {
  color: #4a9eff !important;
}

/* ============================================================
   Benachrichtigungen / Alerts
   ============================================================ */
div.error {
  background-color: rgba(255, 74, 74, 0.15) !important;
  border-color: #ff4a4a !important;
  color: #ff4a4a !important;
}

div.info {
  background-color: rgba(74, 158, 255, 0.15) !important;
  border-color: #4a9eff !important;
  color: #4a9eff !important;
}

div.success {
  background-color: rgba(74, 255, 136, 0.15) !important;
  border-color: #4aff88 !important;
  color: #4aff88 !important;
}

div.notify {
  background-color: rgba(255, 165, 0, 0.15) !important;
  border-color: #ffa500 !important;
  color: #ffa500 !important;
}

/* ============================================================
   Breadcrumbs / Trace / "Zuletzt angesehen"
   ============================================================ */
.breadcrumb,
ol.breadcrumb,
.dokuwiki div.breadcrumbs,
.breadcrumbs {
  background-color: #1a1a2e !important;
  border-color: #2a2a4a !important;
  color: #9090b0 !important;
}

.breadcrumb .breadcrumbs,
ol.breadcrumb .breadcrumbs {
  background-color: #1a1a2e !important;
  color: #9090b0 !important;
}

.breadcrumb .bchead,
.breadcrumbs .bchead {
  color: #9090b0 !important;
}

.breadcrumb .bcsep,
.breadcrumbs .bcsep {
  color: #2a2a4a !important;
}

.dokuwiki div.breadcrumbs a,
.breadcrumb a,
ol.breadcrumb a,
a.breadcrumbs {
  color: #4a9eff !important;
}

.dokuwiki div.breadcrumbs a:hover,
.breadcrumb a:hover,
a.breadcrumbs:hover {
  color: #6ab4ff !important;
}

/* ============================================================
   Media Manager
   ============================================================ */
#mediamanager__page .panelHeader {
  background-color: #1a1a2e !important;
  color: #e8e8f0 !important;
}

#mediamanager__page .panelContent {
  background-color: #0f0f1a !important;
}

/* ============================================================
   Diff-Ansicht
   ============================================================ */
.dokuwiki table.diff td,
.dokuwiki table.diff th {
  background-color: #1e1e32 !important;
  color: #e8e8f0 !important;
}

.dokuwiki table.diff td.diff-addedline {
  background-color: rgba(74, 255, 136, 0.15) !important;
  color: #4aff88 !important;
}

.dokuwiki table.diff td.diff-deletedline {
  background-color: rgba(255, 74, 74, 0.15) !important;
  color: #ff4a4a !important;
}

.dokuwiki table.diff td.diff-context {
  background-color: #16213e !important;
  color: #9090b0 !important;
}

/* ============================================================
   Scrollbar (Webkit)
   ============================================================ */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #1a1a2e;
}

::-webkit-scrollbar-thumb {
  background: #2a2a4a;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #4a9eff;
}

/* ============================================================
   Hintergrund-Hilfsklassen (Bootstrap Override)
   ============================================================ */
.bg-white {
  background-color: #1e1e32 !important;
}

.bg-secondary {
  background-color: #1a1a2e !important;
}

.bg-default {
  background-color: #0f0f1a !important;
}

.bg-light {
  background-color: #16213e !important;
}

.text-white {
  color: #e8e8f0 !important;
}

.text-muted {
  color: #9090b0 !important;
}

.text-light {
  color: #9090b0 !important;
}

.border {
  border-color: #2a2a4a !important;
}

/* ============================================================
   Bilder / Thumbnails
   ============================================================ */
.img-thumbnail {
  background-color: #1e1e32 !important;
  border-color: #2a2a4a !important;
}

/* ============================================================
   Fieldset / Legende
   ============================================================ */
fieldset {
  border-color: #2a2a4a !important;
}

legend {
  color: #e8e8f0 !important;
}

/* ============================================================
   HR (Trennlinien)
   ============================================================ */
hr {
  border-color: #2a2a4a !important;
}

/* ============================================================
   Blockquote
   ============================================================ */
blockquote {
  border-color: #4a9eff !important;
  color: #9090b0 !important;
}

/* ============================================================
   Selection
   ============================================================ */
::selection {
  background: rgba(74, 158, 255, 0.3);
  color: #e8e8f0;
}

::-moz-selection {
  background: rgba(74, 158, 255, 0.3);
  color: #e8e8f0;
}