/* Dark Mode Overrides. Aktiviert über html[data-theme="dark"] (siehe includes/header.blade.php). */

html[data-theme="dark"] {
    --farbe-body-bg: #16181c;
    --farbe-body-text: #e8e8e8;
    --farbe-link: #58a6ff;
    --farbe-card-bg: #1f2226;
    --farbe-table-zebra-primary: #33373d;
    --farbe-table-zebra-secondary: #24272c;
    --farbe-table-header-bg: #2a2e34;
    --farbe-table-header-secondary-bg: rgba(42, 46, 52, 0.7);
    --farbe-card-bg-red: #3a2226;
    --farbe-card-bg-green: #1f3327;
    --farbe-current-user-bg: #1e6fc7;
    --farbe-viewer-user-bg: #7e1f96;
    --farbe-page-info-bg: rgba(255, 255, 255, 0.05);
    --farbe-progress-track: #33373d;
    --farbe-progress-track-fill: #4a4f57;
}

/* Basis */
html[data-theme="dark"] {
    color-scheme: dark;
}

html[data-theme="dark"] body {
    background-color: var(--farbe-body-bg);
    color: var(--farbe-body-text);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: var(--farbe-body-text);
}

/* Karten */
html[data-theme="dark"] .uk-card-default {
    background-color: var(--farbe-card-bg);
    color: var(--farbe-body-text);
    border-color: #33373d;
}

html[data-theme="dark"] .uk-card-default .uk-card-title {
    color: var(--farbe-body-text);
}

html[data-theme="dark"] .uk-card-default.uk-card-hover:hover {
    background-color: #2a2e34;
    color: var(--farbe-body-text);
}

/* Tabellen */
html[data-theme="dark"] .uk-table {
    color: var(--farbe-body-text);
}

html[data-theme="dark"] .uk-table th {
    color: #b8bcc2;
}

html[data-theme="dark"] .uk-table-striped tbody tr:nth-of-type(odd),
html[data-theme="dark"] .uk-table-striped > tr:nth-of-type(odd) {
    background: #1c1f24;
}

/* Heute/Morgen/Übermorgen-Markierung im Kalender hat Vorrang vor der Zebra-Streifung
   (sonst gewinnt die spezifischere html[data-theme="dark"]-Zebra-Regel bei ungerader Zeile) */
html[data-theme="dark"] span.color-legend.today,
html[data-theme="dark"] table.bettingslip tr.bet.today,
html[data-theme="dark"] table.bettingslip tr.game.today,
html[data-theme="dark"] table.calendar tr.today {
    background-color: rgba(255, 216, 0, 0.3);
}

html[data-theme="dark"] table.calendar tr.tomorrow {
    background-color: rgba(255, 216, 0, 0.2);
}

html[data-theme="dark"] table.calendar tr.day-after-tomorrow {
    background-color: rgba(255, 216, 0, 0.1);
}

html[data-theme="dark"] .uk-table-hover tbody tr:hover,
html[data-theme="dark"] .uk-table-hover > tr:hover {
    background: #2a2e34;
}

html[data-theme="dark"] .uk-table td,
html[data-theme="dark"] .uk-table th {
    border-top-color: #33373d;
}

/* Modals */
html[data-theme="dark"] .uk-modal-dialog {
    background-color: var(--farbe-card-bg);
    color: var(--farbe-body-text);
}

html[data-theme="dark"] .uk-modal-header,
html[data-theme="dark"] .uk-modal-footer {
    background-color: var(--farbe-card-bg);
    border-color: #33373d;
}

html[data-theme="dark"] .uk-modal-title {
    color: var(--farbe-body-text);
}

/* Formulare */
html[data-theme="dark"] .uk-input,
html[data-theme="dark"] .uk-select,
html[data-theme="dark"] .uk-textarea {
    background-color: #24272c;
    color: var(--farbe-body-text);
    border-color: #3a3f46;
}

html[data-theme="dark"] .uk-form-label {
    color: var(--farbe-body-text);
}

/* Buttons */
html[data-theme="dark"] .uk-button-default {
    background-color: #24272c;
    color: var(--farbe-body-text);
    border-color: #3a3f46;
}

/* Navigation / Dropdowns (Top-Bar/Header bleiben uk-light und sind vom Dark Mode ausgenommen) */
html[data-theme="dark"] .uk-nav-default > li > a {
    color: var(--farbe-body-text);
}

/* Hauptmenü (DASHBOARD/TIPPSCHEIN/...) */
html[data-theme="dark"] .uk-navbar-container:not(.uk-navbar-transparent) {
    background-color: var(--farbe-card-bg);
}

html[data-theme="dark"] .uk-navbar-nav > li > a {
    color: #9aa0a8;
}

html[data-theme="dark"] .uk-navbar-nav > li.uk-active > a,
html[data-theme="dark"] .uk-navbar-nav > li > a:hover {
    color: var(--farbe-body-text);
}

html[data-theme="dark"] .uk-navbar-dropdown-nav > li > a:hover,
html[data-theme="dark"] .uk-navbar-nav > li > a:hover {
    background-color: #2a2e34;
}

html[data-theme="dark"] .uk-navbar-dropdown,
html[data-theme="dark"] .uk-navbar-dropbar,
html[data-theme="dark"] .uk-dropdown {
    background-color: var(--farbe-card-bg);
    color: var(--farbe-body-text);
}

html[data-theme="dark"] .uk-modal-close-full {
    background-color: var(--farbe-card-bg);
}

html[data-theme="dark"] .uk-navbar-dropdown-nav > li > a {
    color: #b8bcc2;
}

html[data-theme="dark"] .uk-navbar-dropdown-nav > li > a:hover {
    background-color: #2a2e34;
}

/* Alerts */
html[data-theme="dark"] .uk-alert-success {
    background-color: #1f3327;
    color: #9fdca0;
}

html[data-theme="dark"] .uk-alert-danger {
    background-color: #3a2226;
    color: #f0a3a8;
}

html[data-theme="dark"] .uk-alert-warning {
    background-color: #3a341f;
    color: #e7d38a;
}

/* Pagination */
html[data-theme="dark"] .uk-pagination > * > * {
    color: var(--farbe-body-text);
}

/* Datum/Zeit-Leisten im Tippschein (uk-background-secondary, standardmäßig fast schwarz #222) */
html[data-theme="dark"] .uk-background-secondary {
    background-color: #454c56;
}

/* Filter-Leiste im Tippschein (uk-background-muted, standardmäßig #f8f8f8) */
html[data-theme="dark"] .uk-background-muted {
    background-color: #24272c;
    color: var(--farbe-body-text);
}

/* "Frage: ..."-Zeile etwas deutlicher vom Seitenhintergrund abheben */
html[data-theme="dark"] table tr.results.header,
html[data-theme="dark"] table tr.bet.header {
    background-color: #2f333a;
}

/* Tabs (z.B. Profil-Modal "Mein Profil" / "Daten ändern") */
html[data-theme="dark"] .uk-tab > * > a {
    color: #9aa0a8;
}

html[data-theme="dark"] .uk-tab > * > a:hover {
    color: var(--farbe-body-text);
}

html[data-theme="dark"] .uk-tab > .uk-active > a {
    color: var(--farbe-body-text);
}

/* Accordion (Profil-Modal) */
html[data-theme="dark"] .uk-accordion-title {
    color: var(--farbe-body-text);
}

/* Chart-Canvas (nutzt uk-background-default = hartkodiert #fff) */
html[data-theme="dark"] .uk-background-default {
    background-color: var(--farbe-card-bg);
}

/* Dashboard-Kalender: Ergebnis-Ticker - Schatten ist auf dunklem Hintergrund kaum sichtbar, daher Border wie bei uk-card-default */
html[data-theme="dark"] .ticker-row {
    box-shadow: none;
    border: 1px solid #33373d;
    border-left: 4px solid var(--ticker-accent);
}

html[data-theme="dark"] .ticker-row:hover {
    border-color: #454c56;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

/* Manche Event-Logos (z.B. FIFA WM) sind schwarz auf transparent - auf dunklem
   Kartenhintergrund brauchen sie einen hellen Untergrund, sonst verschwinden sie. */
html[data-theme="dark"] .ticker-logo {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 2px;
    box-sizing: border-box;
}