/* ===== Global success palette (force) ===== */
:root, html:root {
    --bs-success: #16a34a; /* आपका desired रंग */
    --bs-success-rgb: 22,163,74;
}

/* ===== Buttons ===== */
.btn-success {
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
    color: #fff !important;
}

    .btn-success:hover,
    .btn-success:focus {
        background-color: rgba(var(--bs-success-rgb), 0.92) !important;
        border-color: rgba(var(--bs-success-rgb), 0.92) !important;
        color: #fff !important;
    }

    .btn-success:active,
    .btn-success.active,
    .show > .btn-success.dropdown-toggle {
        background-color: rgba(var(--bs-success-rgb), 0.88) !important;
        border-color: rgba(var(--bs-success-rgb), 0.88) !important;
        color: #fff !important;
    }

.btn-outline-success {
    color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
    background-color: transparent !important;
}

    .btn-outline-success:hover {
        background-color: var(--bs-success) !important;
        border-color: var(--bs-success) !important;
        color: #fff !important;
    }

/* ===== Text / Background / Border helpers ===== */
.text-success {
    color: var(--bs-success) !important;
}

.bg-success {
    background-color: var(--bs-success) !important;
}

.border-success {
    border-color: var(--bs-success) !important;
}

.link-success {
    color: var(--bs-success) !important;
}

    .link-success:hover {
        color: rgba(var(--bs-success-rgb), 0.85) !important;
    }

/* “soft” backgrounds (themes अक्सर देते हैं) */
.bg-soft-success {
    background-color: rgba(var(--bs-success-rgb), .12) !important;
    color: var(--bs-success) !important;
}

/* ===== Badges ===== */
.badge.bg-success,
.text-bg-success {
    background-color: var(--bs-success) !important;
    color: #fff !important;
}

/* ===== Alerts ===== */
.alert-success {
    --bs-alert-bg: rgba(var(--bs-success-rgb), .10);
    --bs-alert-border-color: rgba(var(--bs-success-rgb), .25);
    --bs-alert-color: var(--bs-success);
    background-color: var(--bs-alert-bg) !important;
    border-color: var(--bs-alert-border-color) !important;
    color: var(--bs-success) !important;
}

/* ===== Pagination (success theme) — optional ===== */
.pagination.pager-success .page-link {
    background: #fff !important;
    color: var(--bs-success) !important;
    border: 1px solid #e9ecef !important;
    border-radius: .5rem !important;
}

.pagination.pager-success .page-item:not(.disabled) .page-link:hover,
.pagination.pager-success .page-item.active .page-link {
    background: var(--bs-success) !important;
    color: #fff !important;
    border-color: var(--bs-success) !important;
}

.pagination.pager-success .page-item.disabled .page-link {
    background: #f8fafc !important;
    color: #98a2b3 !important;
}

/* ===== Progress / switches (अगर use हों) ===== */
.progress-bar.bg-success {
    background-color: var(--bs-success) !important;
}

.form-check-input:checked {
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
}

/* ===== Misc components (accordion, nav-pills, range, etc.) ===== */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--bs-success) !important;
    color: #fff !important;
}

.form-range::-webkit-slider-thumb {
    background-color: var(--bs-success) !important;
}

.form-range::-moz-range-thumb {
    background-color: var(--bs-success) !important;
}