/* ==========================================================================
   تمِ «برق و صنعت» (industrial)
   حالِ‌وهوا: صنعتیِ کاربردی. زغالیِ تیره + زردِ کهربایی (رنگِ هشدار و ایمنی)، زمینه‌ی خاکستریِ روشن،
   گوشه‌های کم‌گرد (۴ پیکسل)، خطِ نازک و تقریباً بدونِ سایه، کارت‌های فشرده.
   طراحی از موک‌آپِ تأییدشده؛ نامِ توکن‌ها همون نامِ توکن‌های پروژه‌ست.
   ========================================================================== */

.storefront-theme[data-theme="industrial"] {
    /* ===== رنگ‌ها ===== */
    --primary: #1b2128;
    --secondary: #3a4452;
    --accent: #ffb400;
    --bg: #f2f3f5;
    --surface: #e9ecf0;
    --card-bg: #ffffff;
    --text: #14181f;
    --text-muted: #5b6472;
    --border: #d9dde3;
    --success: #1e7b3a;
    --warning: #b26a00;
    --danger: #d6293e;
    --info: #1456d8;
    --header-bg: #ffffff;
    --footer-bg: #14181f;
    --btn-bg: #ffb400;
    --btn-text: #14181f;
    --price-color: #14181f;
    --discount-color: #d6293e;
    --badge-color: #d6293e;

    /* ===== شکل: گوشه‌ها و سایه‌ها ===== */
    --radius: 4px;
    --card-radius: 4px;
    --btn-radius: 4px;
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 4px;
    --radius-lg: 6px;
    --radius-xl: 8px;
    --shadow-sm: none;
    --shadow-md: 0 2px 8px rgba(20, 24, 31, 0.12);
    --shadow-lg: 0 8px 24px rgba(20, 24, 31, 0.18);

    /* ===== چیدمان و تراکم ===== */
    --section-spacing: 34px;
    --product-card-spacing: 12px;
    --sf-rail-fade: 32px;

    /* ===== هماهنگیِ صفحه‌های قدیمی (سبد، پرداخت، ...) ===== */
    --bs-primary-rgb: 27, 33, 40;
}

/* ===== جزئیاتِ اختصاصیِ این تم ===== */

/* خطِ هشدارِ زرد بالای بلوک‌های تیره (پیشنهاد ویژه و قیمت‌های لحظه‌ای) */
.storefront-theme[data-theme="industrial"] .sf-offer,
.storefront-theme[data-theme="industrial"] .sf-live {
    border-top: 4px solid var(--accent);
}

/* کارت‌های محصول: تخت، با خطِ نازک؛ فقط روی hover کمی بالا می‌آن */
.storefront-theme[data-theme="industrial"] .product-card {
    border: 1px solid var(--border);
    box-shadow: none;
}

.storefront-theme[data-theme="industrial"] .product-card:hover {
    border-color: var(--accent);
    box-shadow: var(--shadow-md);
}

/* اعدادِ قیمت هم‌عرض (ستونِ مرتب) */
.storefront-theme[data-theme="industrial"] .product-card__price,
.storefront-theme[data-theme="industrial"] .product-card__old-price {
    font-variant-numeric: tabular-nums;
}