/* ============================================
   ShirazGate - بازنویسی متغیرهای CSS تم
   ============================================ */

:root {
    --kt-primary: 0 46 87;
    --kt-primary-dark: 0 38 72;
    --kt-primary-btn-bg: #002e57;
    --kt-primary-btn-hover-bg: #00407a;
    --kt-primary-light-btn-color: #002e57;
    --kt-primary-light-btn-bg: rgba(0, 46, 87, 0.12);
    --kt-primary-light-btn-hover-color: #001f3d;
    --kt-primary-light-btn-hover-bg: rgba(0, 46, 87, 0.18);
    --kt-primary-badge-color: #ffffff;
    --kt-primary-badge-bg: #002e57;
    --kt-secondary: 244 184 96;
    --kt-secondary-dark: 224 163 75;
}

/* --- دکمه‌های اصلی --- */
.btn-primary {
    background: var(--kt-primary-btn-bg) !important;
    color: #ffffff !important;
    border: none !important;
    transition: all 0.25s ease !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background: var(--kt-primary-btn-hover-bg) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0, 46, 87, 0.25);
}

/* --- لینک‌ها --- */
a {
    transition: color 0.2s ease;
}

/* --- هایلایت nav --- */
.nav-item.active > a,
.navbar .nav-item.active > a,
.nav-item.active > .nav-link {
    color: #002e57 !important;
}

/* --- فیلدهای input focus --- */
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #002e57 !important;
    box-shadow: 0 0 0 3px rgba(0, 46, 87, 0.08) !important;
    outline: none !important;
}

/* --- radio/checkbox checked --- */
.product-attributes-item input:checked + span {
    border-color: rgba(0, 46, 87, 0.5) !important;
    color: rgb(0, 46, 87) !important;
}

.payment-method input:checked + label:after {
    background-color: rgb(0, 46, 87) !important;
}

.shipping-method input:checked + label:before {
    background-color: rgb(0, 46, 87) !important;
}

/* --- بج‌ها و برچسب‌ها --- */
.badge-primary {
    background: #002e57 !important;
    color: #ffffff !important;
}

/* --- صفحه‌بندی --- */
.pagination-item.active,
.page-item.active .pagination-item {
    background: #002e57 !important;
    color: #ffffff !important;
    border-color: #002e57 !important;
}

/* --- alert-green --- */
.alert-green {
    background: rgba(0, 46, 87, 0.06) !important;
    color: #002e57 !important;
    border: 1px solid rgba(0, 46, 87, 0.15) !important;
}