/*
 * Suq Alkhudar admin theme override.
 * Re-colors the Metronic (KT) admin panel to match the green frontend.
 * Primary green: #135334   |   Soft green: #d8ece2
 */

:root,
[data-bs-theme="light"] {
    --bs-primary: #135334;
    --bs-primary-rgb: 19, 83, 52;
    --bs-primary-active: #0e3f28;
    --bs-primary-light: #d8ece2;
    --bs-primary-inverse: #ffffff;

    /* Legacy KT variable names (used by some components/JS) */
    --kt-primary: #135334;
    --kt-primary-active: #0e3f28;
    --kt-primary-light: #d8ece2;
    --kt-primary-inverse: #ffffff;

    --bs-link-color: #135334;
    --bs-link-color-rgb: 19, 83, 52;
    --bs-link-hover-color: #0e3f28;

    --bs-component-active-bg: #135334;
}

/* Buttons */
.btn.btn-primary {
    background-color: #135334;
    border-color: #135334;
    color: #fff;
}
.btn.btn-primary:hover:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary.active,
.btn.btn-primary.show,
.show > .btn.btn-primary {
    background-color: #0e3f28 !important;
    border-color: #0e3f28 !important;
    color: #fff !important;
}

.btn.btn-light-primary {
    background-color: #d8ece2;
    border-color: #d8ece2;
    color: #135334;
}
.btn.btn-light-primary:hover:not(.btn-active),
.btn.btn-light-primary:focus:not(.btn-active),
.btn.btn-light-primary:active:not(.btn-active),
.btn.btn-light-primary.active {
    background-color: #135334 !important;
    border-color: #135334 !important;
    color: #fff !important;
}

.btn.btn-active-light-primary:hover:not(.disabled),
.btn.btn-active-light-primary:focus:not(.disabled),
.btn.btn-active-light-primary.active {
    background-color: #d8ece2 !important;
    color: #135334 !important;
}

/* Text / background helpers */
.text-primary {
    color: #135334 !important;
}
.bg-primary {
    background-color: #135334 !important;
}
.bg-light-primary {
    background-color: #d8ece2 !important;
}

/* Badges */
.badge.badge-primary {
    background-color: #135334;
    color: #fff;
}
.badge.badge-light-primary {
    background-color: #d8ece2;
    color: #135334;
}

/* Links */
a {
    color: #135334;
}
a:hover {
    color: #0e3f28;
}

/* Aside (sidebar) active menu states */
.menu-item .menu-link.active,
.menu-item.show > .menu-link,
.menu-item .menu-link.active .menu-title,
.menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title {
    color: #135334;
}
.menu-item .menu-link.active {
    background-color: #d8ece2;
}
.menu-item .menu-link.active .menu-icon i,
.menu-item .menu-link.active .menu-icon .svg-icon {
    color: #135334 !important;
}

/* Form controls focus */
.form-control.form-control-solid:focus,
.form-control:focus,
.form-select:focus {
    border-color: #135334;
}

/* Checks / switches */
.form-check-input:checked {
    background-color: #135334;
    border-color: #135334;
}

/* Spinners rendered with text-primary */
.spinner-border.text-primary,
.text-primary .spinner-border {
    color: #135334 !important;
}

/* Pagination (vuesax) primary accents where applicable */
.vs-pagination--nav .effect,
.vs-pagination--li.is-current .effect {
    background: #135334 !important;
}