/* =====================================================================
   BRAND COLOR - single project-wide accent: Royal Indigo #4f46e5
   (same color as admin/products/categories). Loaded right after
   bootstrap.min.css on storefront, auth, seller, POS and other
   standalone layouts so every button / pagination / tab matches.
   ===================================================================== */
:root {
    --brand: #4f46e5;
    --brand-hover: #4338ca;
    --brand-deep: #3730a3;
    --brand-soft: rgba(79, 70, 229, .08);
    --brand-ring: rgba(79, 70, 229, .25);

    --bs-primary: #4f46e5;
    --bs-primary-rgb: 79, 70, 229;
    --bs-primary-text-emphasis: #3730a3;
    --bs-primary-bg-subtle: #eef2ff;
    --bs-primary-border-subtle: #c7d2fe;
    --bs-link-color: #4f46e5;
    --bs-link-color-rgb: 79, 70, 229;
    --bs-link-hover-color: #4338ca;
    --bs-link-hover-color-rgb: 67, 56, 202;
}

/* ---------- Buttons ---------- */
.btn-primary {
    --bs-btn-bg: #4f46e5;
    --bs-btn-border-color: #4f46e5;
    --bs-btn-hover-bg: #4338ca;
    --bs-btn-hover-border-color: #4338ca;
    --bs-btn-active-bg: #3730a3;
    --bs-btn-active-border-color: #3730a3;
    --bs-btn-disabled-bg: #4f46e5;
    --bs-btn-disabled-border-color: #4f46e5;
    --bs-btn-focus-shadow-rgb: 79, 70, 229;
}
.btn-outline-primary {
    --bs-btn-color: #4f46e5;
    --bs-btn-border-color: #4f46e5;
    --bs-btn-hover-bg: #4f46e5;
    --bs-btn-hover-border-color: #4f46e5;
    --bs-btn-active-bg: #4338ca;
    --bs-btn-active-border-color: #4338ca;
    --bs-btn-disabled-color: #4f46e5;
    --bs-btn-disabled-border-color: #4f46e5;
    --bs-btn-focus-shadow-rgb: 79, 70, 229;
}
.btn-link { --bs-btn-color: #4f46e5; --bs-btn-hover-color: #4338ca; }
.btn-check:checked + .btn-outline-primary,
.btn-check:checked + .btn-primary { background-color: #4f46e5; border-color: #4f46e5; color: #fff; }

/* ---------- Pagination ---------- */
.pagination {
    --bs-pagination-color: #4f46e5;
    --bs-pagination-hover-color: #4338ca;
    --bs-pagination-focus-color: #4338ca;
    --bs-pagination-focus-box-shadow: 0 0 0 .2rem rgba(79, 70, 229, .25);
    --bs-pagination-active-bg: #4f46e5;
    --bs-pagination-active-border-color: #4f46e5;
}
.page-item.active .page-link { background-color: #4f46e5; border-color: #4f46e5; color: #fff; }

/* ---------- Tabs / Pills ---------- */
.nav-pills { --bs-nav-pills-link-active-bg: #4f46e5; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #4f46e5; color: #fff; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #4f46e5; border-bottom-color: #4f46e5; }
.nav-link { --bs-nav-link-hover-color: #4338ca; }

/* ---------- Form controls (focus / checked) ---------- */
.form-check-input:checked { background-color: #4f46e5; border-color: #4f46e5; }
.form-check-input:focus, .form-control:focus, .form-select:focus {
    border-color: #a5b4fc;
    box-shadow: 0 0 0 .2rem rgba(79, 70, 229, .2);
}
.form-range::-webkit-slider-thumb { background-color: #4f46e5; }
.form-range::-moz-range-thumb { background-color: #4f46e5; }

/* ---------- Misc primary utilities ---------- */
.text-primary { color: #4f46e5 !important; }
.bg-primary { background-color: #4f46e5 !important; }
.border-primary { border-color: #4f46e5 !important; }
.progress-bar { background-color: #4f46e5; }
.list-group-item.active { background-color: #4f46e5; border-color: #4f46e5; }
.dropdown-item.active, .dropdown-item:active { background-color: #4f46e5; }

/* ---------- SweetAlert2 default confirm button ---------- */
.swal2-styled.swal2-confirm { background-color: #4f46e5; }
.swal2-styled.swal2-confirm:focus { box-shadow: 0 0 0 3px rgba(79, 70, 229, .35); }