/*
 * رفع‌های کوچکِ چیدمان که «گشتِ ظاهریِ خودکار» پیدا کرد (۲۹ سپتامبر ۲۰۲۶).
 * فایلِ ساده و جدا (بدونِ Vite) تا خروجیِ ساخته‌شده‌ی public/build دست نخورد؛ هر وقت app.css دوباره ساخته شد
 * می‌شود این قواعد را به resources/css/app.css برد و این فایل را برداشت.
 */

/* ۱) جدولِ پهنِ متنِ سئو (ویرایشگر، <figure class="table">) روی گوشی کلِ صفحه را پهن می‌کرد:
 *    صفحه‌ی «شمش نقره» روی گوشیِ ۳۹۰ به ۸۶۴ پیکسل کش می‌آمد و محصولات به کنار رانده می‌شدند.
 *    حالا جدول داخلِ قابِ خودش اسکرولِ افقی می‌خورد. */
.dynamic-content figure.table,
.dynamic-content figure:has(> table) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 2.5rem 0;
}
.dynamic-content figure.table > table,
.dynamic-content figure:has(> table) > table {
    margin: 0;
}
.dynamic-content img,
.dynamic-content iframe,
.dynamic-content video {
    max-width: 100%;
    height: auto;
}

/* ۱-ب) سرستونِ همین جدول‌ها: <strong> رنگِ سبزِ متنِ عادی (#036D33) را روی زمینه‌ی سبزِ تیره‌ی سرستون می‌گرفت
 *      (کنتراستِ ~۱٫۳، ناخوانا در «شمش نقره» و «قیمت روز نقره») ⇒ رنگِ سرستون (سفید) را بگیرد. */
.dynamic-content th strong,
.dynamic-content th b,
.dynamic-content th a {
    color: inherit;
}

/* ۲) عمده‌فروشی: دو عکسِ تزئینیِ دو طرفِ کادرِ مراحل روی لپ‌تاپِ ۱۳۶۶ از لبه بیرون می‌زدند (۴۸ پیکسل اسکرولِ افقی).
 *    عکسِ داخلِ ردیفِ flex به‌طورِ پیش‌فرض کوچک نمی‌شود؛ اجازه‌ی کوچک‌شدن با حفظِ نسبت. */
.wholesale-steps > img {
    min-width: 0;
    flex-shrink: 1;
    object-fit: contain;
}