/* بهبود سبک و کم‌ریسک ریسپانسیو موبایل — SEO Speed Pro */
/* عمداً سبک و با کم‌ترین تداخل با قالب نوشته شده است. */

img, video {
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    /* جلوگیری از سرریز افقی */
    html, body {
        overflow-x: hidden;
    }

    /* خوانایی متن */
    body {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    /* اندازه‌ی حداقلی دکمه‌های لمسی */
    .button,
    button,
    .single_add_to_cart_button,
    a.button,
    input[type="submit"] {
        min-height: 44px;
    }

    /* جدول‌های ووکامرس که در موبایل می‌شکنند */
    .woocommerce table.shop_table,
    .woocommerce-Tabs-panel table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* عنوان‌های بیش از حد بزرگ روی موبایل */
    .product_title,
    h1.entry-title {
        font-size: clamp(1.25rem, 5vw, 1.6rem);
        line-height: 1.4;
        word-break: break-word;
    }
}

/* احترام به ترجیح کاهش حرکت */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.001ms !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}