/* Global Theme Overrides for Admin & System */

/* Branding Color Override (Black & White) */
:root {
    --bs-primary: #212529;
    /* Matches navbar bg-dark */
    --bs-primary-rgb: 33, 37, 41;
    --bs-link-color: #212529;
    --bs-link-hover-color: #000000;
    --bs-success: #212529;
    /* Override success to Black */
    --bs-success-rgb: 33, 37, 41;
}

/* Primary Overrides */
.text-primary {
    color: #212529 !important;
}

.bg-primary {
    background-color: #212529 !important;
}

.btn-primary {
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-bg: #000000;
    --bs-btn-hover-border-color: #000000;
    --bs-btn-active-bg: #000000;
    --bs-btn-active-border-color: #000000;
}

.btn-outline-primary {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
}

/* Success Overrides (Green -> Black) */
.text-success {
    color: #212529 !important;
}

.bg-success {
    background-color: #212529 !important;
}

.btn-success {
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-bg: #000000;
    --bs-btn-hover-border-color: #000000;
    --bs-btn-active-bg: #000000;
    --bs-btn-active-border-color: #000000;
}

.btn-outline-success {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
}

/* Sidebar Active State (Admin) */
.sidebar .nav-link.active {
    color: #212529 !important;
    background: rgba(33, 37, 41, 0.05);
    border-right: 3px solid #212529;
}

.sidebar .nav-link.active i {
    color: #212529 !important;
}

/* Dashboard Cards (Admin) */
.dashboard-card .icon-box {
    background-color: rgba(33, 37, 41, 0.1) !important;
    color: #212529 !important;
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .hero-section .btn-lg {
        width: 100%;
        margin-bottom: 10px;
        font-size: 1rem;
        padding: 0.5rem 1rem !important;
    }

    .hero-section .d-flex {
        flex-direction: column;
    }
}