/**
 * Custom CSS für Football Admin System
 * Überschreibt AdminLTE Standard-Farben
 */

/* ========================================
   Primärfarbe anpassen: #00295d (Dunkelblau)
   ======================================== */

/* Hintergrund-Farben */
.bg-dark,
.bg-primary,
.btn-primary,
.badge-primary,
.alert-primary,
.callout.callout-primary {
    background-color: #00295d !important;
    border-color: #00295d !important;
}

/* Hover-Effekte für Buttons */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #001f45 !important;
    border-color: #001f45 !important;
}

/* Outline-Buttons als Vollfarben */
.btn-outline-primary {
    background-color: #00295d !important;
    border-color: #00295d !important;
    color: #fff !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #001f45 !important;
    border-color: #001f45 !important;
    color: #fff !important;
}
.btn-outline-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
    background-color: #5c636a !important;
    border-color: #5c636a !important;
    color: #fff !important;
}
.btn-outline-success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #fff !important;
}
.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
    background-color: #218838 !important;
    border-color: #218838 !important;
    color: #fff !important;
}
.btn-outline-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
    background-color: #c82333 !important;
    border-color: #c82333 !important;
    color: #fff !important;
}
.btn-outline-warning {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #212529 !important;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
    background-color: #e0a800 !important;
    border-color: #e0a800 !important;
    color: #212529 !important;
}
.btn-outline-info {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    color: #fff !important;
}
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
    background-color: #138496 !important;
    border-color: #138496 !important;
    color: #fff !important;
}
.btn-outline-dark {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
    color: #fff !important;
}
.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
    background-color: #23272b !important;
    border-color: #23272b !important;
    color: #fff !important;
}

/* Semantische Button-Farben */
.btn-feedback {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #212529 !important;
}
.btn-feedback:hover,
.btn-feedback:focus,
.btn-feedback:active {
    background-color: #e0a800 !important;
    border-color: #e0a800 !important;
    color: #212529 !important;
}
.btn-process {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}
.btn-process:hover,
.btn-process:focus,
.btn-process:active {
    background-color: #c82333 !important;
    border-color: #c82333 !important;
    color: #fff !important;
}
.btn-edit {
    background-color: #00295d !important;
    border-color: #00295d !important;
    color: #fff !important;
}
.btn-edit:hover,
.btn-edit:focus,
.btn-edit:active {
    background-color: #001f45 !important;
    border-color: #001f45 !important;
    color: #fff !important;
}
.btn-details {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #fff !important;
}
.btn-details:hover,
.btn-details:focus,
.btn-details:active {
    background-color: #218838 !important;
    border-color: #218838 !important;
    color: #fff !important;
}

/* Text-Farben */
.text-primary {
    color: #00295d !important;
}

/* Links */
a.text-primary:hover,
a.text-primary:focus {
    color: #001f45 !important;
}

/* Cards */
.card-primary:not(.card-outline) > .card-header {
    background-color: #00295d !important;
    border-color: #00295d !important;
}

.card-primary.card-outline {
    border-top: 3px solid #00295d !important;
}

/* Info Boxes */
.info-box-icon.bg-primary {
    background-color: #00295d !important;
}

.small-box.bg-primary {
    background-color: #00295d !important;
}

.small-box.bg-primary .icon {
    color: rgba(0, 0, 0, 0.15);
}

/* Progress Bars */
.progress-bar.bg-primary {
    background-color: #00295d !important;
}

/* Nav Tabs */
.nav-tabs .nav-link.active {
    background-color: #00295d !important;
    border-color: #00295d !important;
    color: white !important;
}

/* Sidebar Navigation */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #00295d !important;
    color: #fff !important;
}

/* Navbar */
.navbar-primary {
    background-color: #00295d !important;
}

/* Brand Link */
.brand-link-primary {
    background-color: #00295d !important;
}

/* Pagination */
.page-item.active .page-link {
    background-color: #00295d !important;
    border-color: #00295d !important;
}

/* Custom File Input */
.custom-file-input:focus ~ .custom-file-label {
    border-color: #00295d !important;
}

/* Form Controls Focus */
.form-control:focus {
    border-color: #00295d !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 41, 93, 0.25) !important;
}

/* Switches */
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00295d !important;
    border-color: #00295d !important;
}

/* Login Page Gradient (optional anpassen) */
.login-page {
    background: linear-gradient(135deg, #00295d 0%, #003d7a 100%) !important;
}

/* Login Button Gradient */
.btn-primary {
    background: linear-gradient(135deg, #00295d 0%, #003d7a 100%) !important;
    border: none !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #001f45 0%, #002952 100%) !important;
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #00295d;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #001f45;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #001f45;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #001f45;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}


/* ========================================
   Optional: Weitere Farbanpassungen
   ======================================== */

/* Sekundärfarbe (falls gewünscht) */
/*
.bg-secondary {
    background-color: #6c757d !important;
}
*/

/* Success Farbe (falls gewünscht) */
/*
.bg-success {
    background-color: #28a745 !important;
}
*/

/* Info Farbe (falls gewünscht) */
/*
.bg-info {
    background-color: #17a2b8 !important;
}
*/

/* Warning Farbe (falls gewünscht) */
/*
.bg-warning {
    background-color: #ffc107 !important;
}
*/

/* Danger Farbe (falls gewünscht) */
/*
.bg-danger {
    background-color: #dc3545 !important;
}
*/


/* ========================================
   Spezielle Anpassungen
   ======================================== */

/* Dashboard Info Boxes mit Custom Color */
.info-box-custom {
    background-color: #00295d;
    color: white;
}

/* Custom Card Header */
.card-header-custom {
    background-color: #00295d !important;
    color: white !important;
}

/* Custom Badge */
.badge-custom {
    background-color: #00295d;
    color: white;
}

/* Hover-Effekte für Cards */
.card-custom:hover {
    box-shadow: 0 0 15px rgba(0, 41, 93, 0.3);
    transform: translateY(-2px);
    transition: all 0.3s ease;
}


/* ========================================
   Dark Mode Support
   ======================================== */

:root {
    --app-bg: #f8f9fa;
    --app-text: #212529;
    --app-muted: #6c757d;
    --app-surface: #ffffff;
    --app-surface-2: #f8f9fa;
    --app-border: #dee2e6;
}

html[data-theme="dark"] {
    --app-bg: #0f141b;
    --app-text: #e6edf3;
    --app-muted: #a3afbf;
    --app-surface: #1a2330;
    --app-surface-2: #222d3d;
    --app-border: #324154;
}

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

html[data-theme="dark"] .card,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .table,
html[data-theme="dark"] .search-section,
html[data-theme="dark"] .report-card {
    background-color: var(--app-surface) !important;
    color: var(--app-text) !important;
    border-color: var(--app-border) !important;
}

html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .dropdown-divider,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th {
    border-color: var(--app-border) !important;
}

html[data-theme="dark"] .report-card-header {
    background: linear-gradient(180deg, #222d3d 0%, #1a2330 100%) !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus {
    background-color: #121a24 !important;
    color: var(--app-text) !important;
    border-color: var(--app-border) !important;
}

html[data-theme="dark"] .form-control::placeholder {
    color: var(--app-muted) !important;
}

html[data-theme="dark"] .text-muted,
html[data-theme="dark"] small,
html[data-theme="dark"] .small {
    color: var(--app-muted) !important;
}

html[data-theme="dark"] .btn-outline-secondary {
    color: #c2ccd8 !important;
    border-color: #5a6a80 !important;
}

html[data-theme="dark"] .btn-outline-secondary:hover {
    background-color: #3a4a60 !important;
    color: #fff !important;
}


/* ========================================
   Responsive Anpassungen
   ======================================== */

@media (max-width: 768px) {
    /* Mobile-spezifische Anpassungen */
    .btn-primary {
        padding: 0.5rem 1rem;
    }
}


/* ========================================
   Print Styles
   ======================================== */

@media print {
    .bg-primary {
        background-color: #00295d !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

/* ========================================
   Einheitliche Feedback-Buttons
   ======================================== */
a[data-bs-target="#noteModal"],
button[data-bs-target="#noteModal"],
#noteSubmitBtn {
    background-color: #e85c3a !important;
    border-color: #e85c3a !important;
    color: #fff !important;
}

a[data-bs-target="#noteModal"]:hover,
a[data-bs-target="#noteModal"]:focus,
button[data-bs-target="#noteModal"]:hover,
button[data-bs-target="#noteModal"]:focus,
#noteSubmitBtn:hover,
#noteSubmitBtn:focus {
    background-color: #d94f2f !important;
    border-color: #d94f2f !important;
    color: #fff !important;
}