/**
 * 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;
}

/* 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 (optional)
   ======================================== */

/* Falls AdminLTE Dark Mode verwendet wird */
/*
.dark-mode .bg-primary {
    background-color: #003d7a !important;
}

.dark-mode .btn-primary {
    background-color: #003d7a !important;
}

.dark-mode .btn-primary:hover {
    background-color: #00295d !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;
    }
}