/* Tmavé černo-oranžové barevné schéma pro celou aplikaci */

:root {
    /* Primární oranžová */
    --primary-color: #ff6b35;
    --primary-hover: #ff5722;
    --primary-active: #e64a19;
    --primary-light: #ffccbc;
    --primary-lighter: #ffe0d6;
    --primary-dark: #d84315;
    
    /* Tmavé pozadí */
    --bg-dark: #0f0f0f;
    --bg-dark-secondary: #1a1a1a;
    --bg-dark-tertiary: #242424;
    --bg-dark-hover: #2a2a2a;
    
    /* Tmavé texty */
    --text-primary: #ffffff;
    --text-secondary: #b0b0b0;
    --text-muted: #adadadbf;
    
    /* Tmavé bordery */
    --border-dark: #2a2a2a;
    --border-dark-light: #3a3a3a;
    
    /* MDB proměnné */
    --mdb-primary: #ff6b35;
    --mdb-primary-rgb: 255, 107, 53;
    --mdb-border-color: #2a2a2a;
    --mdb-btn-box-shadow: 0 4px 9px -4px rgba(255, 107, 53, 0.5);
    --mdb-btn-hover-box-shadow: 0 8px 9px -4px rgba(255, 107, 53, 0.3), 0 4px 18px 0 rgba(255, 107, 53, 0.2);
    --mdb-btn-focus-box-shadow: 0 8px 9px -4px rgba(255, 107, 53, 0.3), 0 4px 18px 0 rgba(255, 107, 53, 0.2);
    --mdb-btn-active-box-shadow: 0 8px 9px -4px rgba(255, 107, 53, 0.3), 0 4px 18px 0 rgba(255, 107, 53, 0.2);
}

/* Globální tmavé pozadí */
body {
    background-color: black!important;
    color: var(--text-primary) !important;
}

/* Globální přepsání Bootstrap primary tříd */
.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 4px 9px -4px rgba(255, 107, 53, 0.5) !important;
}

.btn-primary:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    box-shadow: 0 8px 9px -4px rgba(255, 107, 53, 0.3), 0 4px 18px 0 rgba(255, 107, 53, 0.2) !important;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary.active {
    background-color: var(--primary-active) !important;
    border-color: var(--primary-active) !important;
    box-shadow: 0 8px 9px -4px rgba(255, 107, 53, 0.3), 0 4px 18px 0 rgba(255, 107, 53, 0.2) !important;
}

.btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

/* Badge primary */
.badge.bg-primary {
    background-color: var(--primary-color) !important;
}

/* Alert primary */
.alert-primary {
    background-color: rgba(255, 107, 53, 0.2) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

/* Cards - tmavé pozadí */
.card {
    background-color: var(--bg-dark-secondary) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-primary) !important;
}

.card-header,
.card-footer {
    background-color: var(--bg-dark-tertiary) !important;
    border-color: var(--border-dark) !important;
}

/* Modal - tmavé pozadí */
.modal-content {
    background-color: var(--bg-dark-secondary) !important;
    color: var(--text-primary) !important;
}

.modal-header,
.modal-footer {
    border-color: var(--border-dark) !important;
}

/* Tables - tmavé */
.table {
    color: var(--text-primary) !important;
}

.table thead th {
    background-color: var(--bg-dark-tertiary) !important;
    border-color: var(--border-dark) !important;
}

.table tbody tr {
    background-color: var(--bg-dark-secondary) !important;
    border-color: var(--border-dark) !important;
}

.table tbody tr:hover {
    background-color: var(--bg-dark-hover) !important;
}

/* Form controls - tmavé */
.form-control,
.form-select {
    background-color: var(--bg-dark-secondary) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-primary) !important;
}

.form-control:focus,
.form-select:focus {
    background-color: var(--bg-dark-tertiary) !important;
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 107, 53, 0.25) !important;
    color: var(--text-primary) !important;
}

.form-control::placeholder {
    color: var(--text-muted) !important;
}

.form-label {
    color: var(--text-secondary) !important;
}

/* Text utilities override */
.text-muted,
.text-muted.text-muted {
    color: #adadadbf !important;
}

/* Background utilities override */
.bg-light {
    background-color: #242424 !important;
    color: #ffffff !important;
}

/* List group */
.list-group-item {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
    color: #ffffff !important;
}

.list-group-item:hover {
    background-color: #242424 !important;
}

/* Input group */
.input-group-text {
    background-color: #242424 !important;
    border-color: #2a2a2a !important;
    color: #b0b0b0 !important;
}

/* Modal close button */
.btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Border utilities */
.border-bottom {
    border-bottom-color: #2a2a2a !important;
}

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

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

/* Links */
a {
    color: var(--primary-color);
}

a:hover {
    color: var(--primary-hover);
}

/* Form controls focus */
.form-control:focus,
.form-select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 107, 53, 0.25) !important;
}

/* Checkboxes a radio buttons */
.form-check-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Pagination */
.page-link {
    color: var(--primary-color) !important;
    background-color: var(--bg-dark-secondary) !important;
    border-color: var(--border-dark) !important;
}

.page-item {
    margin: 0 0.25rem !important;
}

.page-link:hover {
    color: var(--primary-hover) !important;
    background-color: var(--bg-dark-hover) !important;
    border-color: var(--primary-color) !important;
}

.page-item.active .page-link {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

.page-item.disabled .page-link {
    background-color: var(--bg-dark-secondary) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-muted) !important;
}

/* Progress bar */
.progress-bar {
    background-color: var(--primary-color) !important;
}

/* Navbar */
.navbar-brand,
.nav-link.active {
    color: var(--primary-color) !important;
}

/* Material Design Button Ripple Effect */
.ripple-surface-primary {
    background-color: var(--primary-color) !important;
}

/* Select2 dropdown - tmavé */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: var(--bg-dark-secondary) !important;
    border-color: var(--border-dark) !important;
}

.select2-dropdown {
    background-color: var(--bg-dark-secondary) !important;
    border-color: var(--border-dark) !important;
}

.select2-results__option {
    background-color: var(--bg-dark-secondary) !important;
    color: var(--text-primary) !important;
}

.select2-results__option--highlighted {
    background-color: var(--primary-color) !important;
    color: white !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--bg-dark-hover) !important;
}

.select2-search__field {
    background-color: var(--bg-dark-tertiary) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-primary) !important;
}

/* Toast notifications */
.toast-header.bg-primary {
    background-color: var(--primary-color) !important;
}

/* Spinner */
.spinner-border.text-primary {
    color: var(--primary-color) !important;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.table-responsive .table {
    width: 100%;
    max-width: 100%;
}