/* ============================================
   DARK MODE ERZWINGEN – KOMPLETT SCHWARZ + ROTE BUTTONS
   inkl. aller .nav-link, .btn und verwandte Elemente
   ============================================ */
html, body {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Alle Karten, Container, Navbar etc. schwarz */
.card, .modal-content, .dropdown-menu, 
.form-control, .form-select, .navbar,
.table, .list-group-item, .page-link,
.accordion-item, .accordion-button,
.toast, .popover, .offcanvas,
.progress, .bg-light, .bg-white,
.sidebar, .main-panel, .content-wrapper,
.card-header, .card-footer, .card-body,
.modal-header, .modal-footer, .modal-body,
.sidebar .nav, .sidebar .nav-item, .sidebar .nav-link,
.navbar-nav, .nav-item, .top-bar, .user-menu,
.nav-link, .dropdown-menu, .dropdown-item {
    background-color: #000000 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* Buttons & Navigationslinks – schwarz + roter Rand */
.nav-link, .btn, .dropdown-item, .btn-link,
.navbar .nav-link, .sidebar .nav-link,
button:not(.no-style), [role="button"], 
input[type="button"], input[type="submit"],
.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info,
.btn-outline-primary, .btn-outline-secondary, .btn-outline-success,
.dropdown-toggle, .user-menu .btn, .top-bar .btn, .action-btn, .menu-btn {
    background-color: #000000 !important;
    border: 2px solid #ff0000 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

/* Hover-Zustand – rot mit schwarzer Schrift */
.nav-link:hover, .btn:hover, .dropdown-item:hover, .btn-link:hover,
.navbar .nav-link:hover, .sidebar .nav-link:hover,
button:hover:not(.no-style), [role="button"]:hover,
input[type="button"]:hover, input[type="submit"]:hover,
.btn-primary:hover, .btn-secondary:hover, .btn-success:hover,
.btn-outline-primary:hover, .dropdown-toggle:hover,
.user-menu .btn:hover, .top-bar .btn:hover {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #ffffff !important;
}

/* Aktive Links (z.B. in der Sidebar) */
.nav-link.active, .sidebar .nav-link.active, .navbar .nav-link.active,
.btn.active, .dropdown-item.active {
    background-color: #ff0000 !important;
    color: #ffffff !important;
    border-color: #ff0000 !important;
}

/* Spezielle Anpassung für Dropdown-Menüs */
.dropdown-menu {
    border: 1px solid #ff0000 !important;
}

/* Links (Textlinks) */
a, .text-primary, .link-primary {
    color: #ffffff !important;
}
a:hover {
    color: #ff0000 !important;
}

/* Tabellen */
.table {
    --bs-table-bg: #000000 !important;
    --bs-table-color: #ffffff !important;
    --bs-table-border-color: #333333 !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #111111 !important;
    color: #ffffff !important;
}
.table thead th {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-bottom: 2px solid #ff0000 !important;
}

/* Formulare */
.form-control, .form-select {
    background-color: #000000 !important;
    border: 1px solid #ff0000 !important;
    color: #ffffff !important;
}
.form-control:focus, .form-select:focus {
    border-color: #ff0000 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25) !important;
}

.input-group-text {
    background-color: #111111 !important;
    border-color: #ff0000 !important;
    color: #ffffff !important;
}

/* Badges */
.badge {
    background-color: #000000 !important;
    border: 1px solid #ff0000 !important;
    color: #ffffff !important;
}
.badge.bg-success, .badge.bg-danger, .badge.bg-warning {
    background-color: #000000 !important;
    border-color: #ff0000 !important;
    color: #ffffff !important;
}

/* Code-Blöcke */
pre, code {
    background-color: #111111 !important;
    color: #ff0000 !important;
    border-color: #333333 !important;
}

/* Scrollbalken */
::-webkit-scrollbar {
    width: 12px;
    background: #000000;
}
::-webkit-scrollbar-thumb {
    background: #ff0000;
    border-radius: 6px;
}

/* Buttons ausblenden (optional) */
#view-cards {
    display: none !important;
}
.dropdown-settings {
    display: none !important;
}
/* Sicherstellen, dass alle Button-Texte weiß bleiben */
button, .btn, [type="button"], [type="submit"], .nav-link, .dropdown-item {
    color: #ffffff !important;
}
button:hover, .btn:hover, [type="button"]:hover, [type="submit"]:hover, .nav-link:hover, .dropdown-item:hover,
button.active, .btn.active, [type="button"].active, [type="submit"].active, .nav-link.active, .dropdown-item.active {
    color: #ffffff !important;
}
/* Erzwinge weiße Schrift auf allen Button-ähnlichen Elementen im Hover */
html body *:hover:is(.btn, .nav-link, .dropdown-item, [type="button"], [type="submit"], button),
html body *:focus:is(.btn, .nav-link, .dropdown-item, [type="button"], [type="submit"], button),
html body *:active:is(.btn, .nav-link, .dropdown-item, [type="button"], [type="submit"], button) {
    color: #ffffff !important;
}
html body .btn:hover,
html body .nav-link:hover {
    color: #ffffff !important;
}