/*
 * PottalCash / AppCash — Brand Colors Override
 * Primary:   #24873f (green)
 * Secondary: #a6c000 (lime)
 */

:root {
    /* Primary */
    --bs-primary:           #24873f;
    --bs-primary-rgb:       36, 135, 63;
    --bs-primary-active:    #1d6e33;
    --bs-primary-light:     #e8f5ec;
    --bs-primary-inverse:   #ffffff;

    /* Secondary */
    --bs-secondary:         #a6c000;
    --bs-secondary-rgb:     166, 192, 0;
    --bs-secondary-active:  #8da300;
    --bs-secondary-light:   #f5f8e0;
    --bs-secondary-inverse: #ffffff;

    /* Link color */
    --bs-link-color:        #24873f;
    --bs-link-hover-color:  #1d6e33;
}

/* ── Bootstrap .btn-primary override ── */
.btn-primary {
    background-color: #24873f !important;
    border-color:     #24873f !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #1d6e33 !important;
    border-color:     #1d6e33 !important;
}
.btn-primary.btn-active-primary,
.btn-check:checked + .btn-primary {
    background-color: #1d6e33 !important;
    border-color:     #1d6e33 !important;
}

/* ── .btn-light-primary (Metronic) ── */
.btn-light-primary {
    color:            #24873f !important;
    background-color: #e8f5ec !important;
}
.btn-light-primary:hover,
.btn-light-primary:active {
    color:            #ffffff !important;
    background-color: #24873f !important;
}

/* ── .btn-secondary override ── */
.btn-secondary {
    background-color: #a6c000 !important;
    border-color:     #a6c000 !important;
    color:            #ffffff !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #8da300 !important;
    border-color:     #8da300 !important;
}

/* ── Outline variants ── */
.btn-outline-primary {
    color:        #24873f !important;
    border-color: #24873f !important;
}
.btn-outline-primary:hover {
    background-color: #24873f !important;
    color:            #ffffff !important;
}

/* ── Text & background utilities ── */
.text-primary   { color: #24873f !important; }
.bg-primary     { background-color: #24873f !important; }
.bg-light-primary { background-color: #e8f5ec !important; }
.text-secondary { color: #a6c000 !important; }
.bg-secondary   { background-color: #a6c000 !important; }

/* ── Links ── */
a { color: #24873f; }
a:hover { color: #1d6e33; }

/* ── Metronic sidebar / aside active states ── */
.app-sidebar .menu .menu-item .menu-link.active,
.app-sidebar .menu .menu-item.here > .menu-link {
    background-color: #e8f5ec;
    color: #24873f;
}
.app-sidebar .menu .menu-item .menu-link.active .menu-icon i,
.app-sidebar .menu .menu-item .menu-link.active .menu-title {
    color: #24873f !important;
}

/* ── Header bars ── */
.app-header-primary {
    background-color: transparent !important;
}
.app-header-secondary {
    background-color: #24873f !important;
}
.app-header-secondary .menu-link {
    color: rgba(255, 255, 255, 0.8) !important;
}
.app-header-secondary .menu-link:hover,
.app-header-secondary .menu-link.active,
.app-header-secondary .menu-item.here > .menu-link {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}
.app-header-secondary .menu-title {
    color: inherit !important;
}
.app-header-secondary .menu-arrow {
    color: rgba(255, 255, 255, 0.6) !important;
}
.app-header-secondary .menu-sub {
    background-color: #ffffff !important;
}
.app-header-secondary .menu-sub .menu-link {
    color: #4b5675 !important;
}
.app-header-secondary .menu-sub .menu-link:hover,
.app-header-secondary .menu-sub .menu-link.active {
    color: #24873f !important;
    background-color: #e8f5ec !important;
}

/* ── Pagination ── */
.page-item.active .page-link {
    background-color: #24873f;
    border-color:     #24873f;
}

/* ── Form focus states ── */
.form-control:focus,
.form-select:focus {
    border-color: #24873f;
    box-shadow: 0 0 0 0.25rem rgba(36, 135, 63, 0.25);
}
.form-check-input:checked {
    background-color: #24873f;
    border-color:     #24873f;
}

/* ── Badge ── */
.badge-primary,
.badge.bg-primary {
    background-color: #24873f !important;
}
.badge-light-primary {
    color: #24873f !important;
    background-color: #e8f5ec !important;
}

/* ── Progress bar ── */
.progress-bar {
    background-color: #24873f;
}

/* ── Nav tabs / pills active ── */
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
    color: #24873f !important;
    border-color: #24873f !important;
}

/* ── Metronic KT components ── */
.bullet-primary { background-color: #24873f !important; }
.svg-icon-primary svg [fill]:not(.permanent) { fill: #24873f !important; }