/* ========================================
   ASES GROUP - Bootstrap Override
   Unified Red: #C00000 everywhere
   ========================================
   This file MUST be loaded AFTER bootstrap.min.css
   ======================================== */

/* ========== PRIMARY COLOR OVERRIDES ========== */

/* Buttons - Primary */
.btn-primary,
.btn.btn-primary {
    background-color: #C00000 !important;
    border-color: #C00000 !important;
    color: #ffffff !important;
}

    .btn-primary:hover,
    .btn.btn-primary:hover,
    .btn-primary:focus,
    .btn.btn-primary:focus,
    .btn-primary:active,
    .btn.btn-primary:active,
    .btn-primary.active,
    .btn-check:checked + .btn-primary {
        background-color: #A00000 !important;
        border-color: #A00000 !important;
        color: #ffffff !important;
    }

    .btn-primary:focus,
    .btn.btn-primary:focus {
        box-shadow: 0 0 0 0.25rem rgba(192, 0, 0, 0.25) !important;
    }

    .btn-primary:disabled,
    .btn-primary.disabled {
        background-color: #C00000 !important;
        border-color: #C00000 !important;
        opacity: 0.65;
    }

/* Buttons - Outline Primary */
.btn-outline-primary,
.btn.btn-outline-primary {
    color: #C00000 !important;
    border-color: #C00000 !important;
    background-color: transparent !important;
}

    .btn-outline-primary:hover,
    .btn.btn-outline-primary:hover,
    .btn-outline-primary:focus,
    .btn.btn-outline-primary:focus,
    .btn-outline-primary:active,
    .btn.btn-outline-primary:active,
    .btn-outline-primary.active {
        background-color: #C00000 !important;
        border-color: #C00000 !important;
        color: #ffffff !important;
    }

/* Background Colors */
.bg-primary {
    background-color: #C00000 !important;
}

.bg-primary-subtle,
.bg-primary-light {
    background-color: rgba(192, 0, 0, 0.1) !important;
}

/* Text Colors */
.text-primary {
    color: #C00000 !important;
}

    .text-primary:hover {
        color: #A00000 !important;
    }

/* Border Colors */
.border-primary {
    border-color: #C00000 !important;
}

/* Links */
a.text-primary {
    color: #C00000 !important;
}

    a.text-primary:hover,
    a.text-primary:focus {
        color: #A00000 !important;
    }

/* Badges */
.badge.bg-primary,
.badge.badge-primary {
    background-color: #C00000 !important;
    color: #ffffff !important;
}

/* Alerts */
.alert-primary {
    background-color: rgba(192, 0, 0, 0.1) !important;
    border-color: #C00000 !important;
    color: #A00000 !important;
}

/* Form Controls */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: #C00000 !important;
    box-shadow: 0 0 0 0.25rem rgba(192, 0, 0, 0.25) !important;
}

.form-check-input:checked {
    background-color: #C00000 !important;
    border-color: #C00000 !important;
}

.form-switch .form-check-input:checked {
    background-color: #C00000 !important;
    border-color: #C00000 !important;
}

/* Progress Bars */
.progress-bar,
.progress-bar-striped {
    background-color: #C00000 !important;
}

/* Pagination */
.pagination .page-link {
    color: #C00000 !important;
}

.pagination .page-item.active .page-link {
    background-color: #C00000 !important;
    border-color: #C00000 !important;
    color: #ffffff !important;
}

.pagination .page-link:hover {
    color: #A00000 !important;
    background-color: rgba(192, 0, 0, 0.1) !important;
    border-color: #C00000 !important;
}

/* Nav Pills */
.nav-pills .nav-link.active {
    background-color: #C00000 !important;
    color: #ffffff !important;
}

.nav-pills .nav-link:hover {
    color: #C00000 !important;
}

/* List Group */
.list-group-item.active {
    background-color: #C00000 !important;
    border-color: #C00000 !important;
    color: #ffffff !important;
}

/* Dropdown */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #C00000 !important;
    color: #ffffff !important;
}

/* Spinner */
.spinner-border,
.spinner-grow {
    color: #C00000 !important;
}

/* Tables */
.table-primary {
    background-color: rgba(192, 0, 0, 0.1) !important;
    border-color: rgba(192, 0, 0, 0.2) !important;
}

/* Toasts */
.toast-header {
    background-color: #C00000 !important;
    color: #ffffff !important;
}

/* Modal Headers */
.modal-header {
    background-color: #C00000 !important;
    color: #ffffff !important;
}

    .modal-header .btn-close {
        filter: brightness(0) invert(1) !important;
    }

/* Accordion */
.accordion-button:not(.collapsed) {
    background-color: rgba(192, 0, 0, 0.1) !important;
    color: #C00000 !important;
}

.accordion-button:focus {
    border-color: #C00000 !important;
    box-shadow: 0 0 0 0.25rem rgba(192, 0, 0, 0.25) !important;
}

/* Offcanvas */
.offcanvas-header {
    background-color: #C00000 !important;
    color: #ffffff !important;
}

/* Card Headers with Primary */
.card-header.bg-primary {
    background-color: #C00000 !important;
    color: #ffffff !important;
}

/* Button Groups */
.btn-group .btn-primary.active,
.btn-group-vertical .btn-primary.active {
    background-color: #A00000 !important;
    border-color: #A00000 !important;
}

/* Input Groups */
.input-group-text.bg-primary {
    background-color: #C00000 !important;
    border-color: #C00000 !important;
    color: #ffffff !important;
}

/* ========== SIDEBAR SPECIFIC ========== */
.sidebar {
    background: linear-gradient(180deg, #C00000 0%, #A00000 100%) !important;
    border-right-color: #C00000 !important;
}

/* ========== TOP BAR ========== */
.top-row {
    border-bottom-color: #C00000 !important;
}

/* ========== MOBILE MENU TOGGLE ========== */
.mobile-menu-toggle {
    background-color: #C00000 !important;
}

    .mobile-menu-toggle:hover {
        background-color: #A00000 !important;
    }

/* ========== LOGIN LAYOUT ========== */
.login-layout {
    background: linear-gradient(135deg, #C00000 0%, #A00000 100%) !important;
}