/* ==========================================================================
   رنگ‌بندیِ ثابتِ پنل ادمین — کاملاً مستقل از تم/رنگِ انتخابیِ فروشگاه.
   همون اسمِ متغیرهایی که ThemeProvider برای فروشگاه ست می‌کنه رو این‌جا هم
   تعریف می‌کنیم (--primary, --bg, --border, ...) ولی با مقدارِ ثابت، فقط
   برای هرچیزی که داخلِ ".admin-theme" (یعنی AdminLayout) رندر بشه. چون این
   مقدارها مستقیماً روی خودِ ".admin-theme" ست شدن (نه روی :root)، حتی اگه
   رنگِ فروشگاه از یه جای بالاتر (html[data-style]) ارث‌بری بشه، همین‌جا
   بازنویسی و خنثی می‌شه — بدون نیاز به !important.
   ========================================================================== */
.admin-theme {
    --primary: #e53935;
    --primary-dark: color-mix(in srgb, #e53935 80%, black);
    --primary-light: color-mix(in srgb, #e53935 20%, white);
    --secondary: #6b7280;
    --accent: #e53935;

    --bg: #f4f5f7;
    --surface: #ffffff;
    --bg-secondary: #f4f5f7;
    --card-bg: #ffffff;

    --text: #1f2330;
    --text-muted: #6c7280;
    --border: #e3e5eb;

    --success: #16a34a;
    --warning: #d97706;
    --danger: #dc2626;
    --info: #0891b2;

    --price-color: #1f2330;
    --discount-color: #dc2626;
    --badge-color: #e53935;

    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-pill: 999px;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.14);
    --shadow: var(--shadow-md);

    --transition: 0.2s ease;
    --font-family: 'Vazirmatn', sans-serif;
    --font-scale: 1;

    --bs-primary: #e53935;
    --bs-primary-rgb: 229, 57, 53;
}

/* دقیقاً مثل چیزی که ThemeProvider برای دکمه‌های فروشگاه انجام می‌ده، این‌جا
   هم کلاس‌های عمومیِ بوت‌استرپ (که پیش‌فرضش آبیِ خودِ بوت‌استرپه، نه رنگِ
   تعریف‌شده‌ی بالا) رو به رنگِ ثابتِ ادمین وصل می‌کنیم */
.admin-theme .btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #ffffff !important;
}

    .admin-theme .btn-primary:hover {
        background-color: var(--primary-dark) !important;
        border-color: var(--primary-dark) !important;
    }

.admin-theme .btn-outline-primary {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

    .admin-theme .btn-outline-primary:hover {
        background-color: var(--primary) !important;
        border-color: var(--primary) !important;
        color: #ffffff !important;
    }

.admin-theme .text-primary { color: var(--primary) !important; }
.admin-theme .border-primary { border-color: var(--primary) !important; }
.admin-theme .bg-primary { background-color: var(--primary) !important; }

.admin-theme .form-check-input:checked {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.admin-theme .btn-check:checked + .btn-outline-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #ffffff !important;
}

.admin-theme a {
    color: var(--primary);
}

.admin-theme .spinner-border.text-primary {
    color: var(--primary) !important;
}

.admin-theme .page-link,
.admin-theme .nav-link.active {
    color: var(--primary);
}

/* وقتی فرمِ کاملِ محصول روی «ویرایش لیستی» مودال باز شده، صفحه‌ی پشتش اسکرول نمی‌خوره (موقعیتش عوض نمی‌شه و با بستنِ مودال همون‌جا می‌مونه) */
html:has(.qe-editor-overlay) {
    overflow: hidden;
    scrollbar-gutter: stable;
}