/**
 * AVECS Custom Primary Color Override
 * This file overrides Metronic's default green primary colors with #212529
 * Load this file after style.bundle.css to apply customizations
 */

:root {
    /* Override Bootstrap Primary Colors */
    --bs-primary: #212529 !important;
    --bs-primary-rgb: 33, 37, 41 !important;
    --bs-primary-text-emphasis: #212529 !important;
    --bs-primary-bg-subtle: #e9ecef !important;
    --bs-primary-border-subtle: #ced4da !important;

    /* Override Metronic Primary Colors */
    --kt-primary: #212529 !important;
    --kt-primary-active: #1a1e21 !important;
    --kt-primary-light: #f8f9fa !important;
    --kt-primary-inverse: #ffffff !important;
    --kt-text-primary: #212529 !important;

    /* Additional Metronic Theme Colors */
    --bs-primary-hover: #1a1e21 !important;
    --bs-primary-active: #15181b !important;
}

[data-bs-theme="dark"] {
    --bs-primary: #212529 !important;
    --bs-primary-text-emphasis: #adb5bd !important;
    --bs-primary-bg-subtle: #343a40 !important;
    --bs-primary-border-subtle: #495057 !important;

    --kt-primary: #212529 !important;
    --kt-primary-active: #2c3136 !important;
    --kt-primary-light: #343a40 !important;
    --kt-primary-inverse: #ffffff !important;
    --kt-text-primary: #adb5bd !important;
}

/* Override specific green colors used in Metronic */
.btn-primary,
.btn.btn-primary {
    background-color: #212529 !important;
    border-color: #212529 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.btn-primary:focus,
.btn.btn-primary:focus {
    background-color: #1a1e21 !important;
    border-color: #1a1e21 !important;
    color: #ffffff !important;
}

.btn-primary:active,
.btn.btn-primary:active,
.btn-primary.active,
.btn.btn-primary.active {
    background-color: #15181b !important;
    border-color: #15181b !important;
    color: #ffffff !important;
}

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

/* Link Colors */
a.link-primary,
.link-primary {
    color: #212529 !important;
}

a.link-primary:hover,
.link-primary:hover {
    color: #1a1e21 !important;
}

/* Form Control Focus States */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: #212529 !important;
    box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.25) !important;
}

/* Input Group Focus */
.input-group-text {
    border-color: #212529;
}

/* Badge Primary */
.badge.bg-primary,
.badge.badge-primary {
    background-color: #212529 !important;
    color: #ffffff !important;
}

/* Alert Primary */
.alert-primary {
    background-color: #e9ecef !important;
    border-color: #ced4da !important;
    color: #212529 !important;
}

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

/* Border Primary */
.border-primary {
    border-color: #212529 !important;
}

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

/* Progress Bar Primary */
.progress-bar.bg-primary {
    background-color: #212529 !important;
}

/* Pagination Active */
.page-link {
    color: #212529;
}

.page-link:hover {
    color: #1a1e21;
    background-color: #e9ecef;
}

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

/* Dropdown Menu Active */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #212529 !important;
}

/* Nav Pills Active */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #212529 !important;
}

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

/* Table Primary Hover */
.table-primary {
    --bs-table-bg: #e9ecef;
    --bs-table-color: #212529;
    --bs-table-hover-bg: #dee2e6;
    --bs-table-hover-color: #212529;
}

/* Checkbox and Radio Primary */
.form-check-input:checked {
    background-color: #212529 !important;
    border-color: #212529 !important;
}

/* Switch Primary */
.form-switch .form-check-input:checked {
    background-color: #212529 !important;
    border-color: #212529 !important;
}

/* Override any remaining green accent colors */
[style*="#17C653"],
[style*="#04B440"],
[style*="#00A261"],
[style*="#01BF73"],
[style*="#50cd89"] {
    color: #212529 !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
}

/* Metronic Specific Overrides */
[data-kt-indicator-color="primary"] {
    color: #212529 !important;
}

[data-kt-button-color="primary"] {
    --bs-primary: #212529 !important;
}

/* SVG and Icon Colors */
svg path[fill="#17C653"],
svg path[fill="#04B440"],
svg path[fill="#00A261"],
svg path[fill="#50cd89"] {
    fill: #212529 !important;
}

svg [stroke="#17C653"],
svg [stroke="#04B440"],
svg [stroke="#00A261"],
svg [stroke="#50cd89"] {
    stroke: #212529 !important;
}