/*
 * Daryani — responsive.css
 * واکنش‌گرایی واقعی برای نسخه‌های دسکتاپ، تبلت و موبایل.
 * این فایل روی کامپوننت‌های قالب (نه دموی پیش‌نمایش) اعمال می‌شود.
 */

/* ===== تبلت (≤ 1024px) ===== */
@media (max-width: 1024px) {
	.woocommerce ul.products { grid-template-columns: repeat(3, 1fr) !important; }
	.daryani-product-single .product,
	.woocommerce div.product { grid-template-columns: 1fr 1fr !important; gap: 24px !important; }
}

/* ===== موبایل بزرگ (≤ 768px) ===== */
@media (max-width: 768px) {
	.dh-hero-inner { padding: 40px 18px 48px !important; }
	.dh-hero-text h1 { font-size: clamp(24px, 7vw, 34px) !important; }
	.dh-trust { grid-template-columns: repeat(2, 1fr) !important; }
	.woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
	/* تک‌محصول تک‌ستونه */
	.woocommerce div.product { grid-template-columns: 1fr !important; }
	/* فرم‌ها تمام‌عرض */
	.daryani-contact .dc-row { flex-direction: column !important; }
	/* جداول ووکامرس قابل اسکرول افقی (هم موبایل هم باندِ تبلت) */
	.woocommerce table.shop_table { display: block; overflow-x: auto; white-space: nowrap; }
	/* توجه: فاصلهٔ امنِ نوارِ پایین در chrome.css رزرو می‌شود (≤1023.98px)؛ اینجا صفر نمی‌شود
	   تا باتم‌نو روی فوتر/محتوا نیفتد. */
}

/* فوتر ۲ستونه فقط در باندِ ۵۶۱–۷۶۸ (زیر ۵۶۰ تک‌ستونه از chrome.css) */
@media (min-width: 561px) and (max-width: 768px) {
	.footer-grid, .daryani-footer-grid { grid-template-columns: 1fr 1fr; }
}

/* ===== موبایل کوچک (≤ 480px) ===== */
@media (max-width: 480px) {
	.woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; }
	.footer-grid, .daryani-footer-grid { grid-template-columns: 1fr !important; }
	.dh-trust { grid-template-columns: 1fr !important; }
	.dh-hero-actions { flex-direction: column; }
	.dh-hero-actions .daryani-btn { width: 100%; }
	/* عنوان‌ها کمی کوچک‌تر */
	.dh-sechead h2 { font-size: 20px !important; }
}

/* ===== تصاویر و رسانه واکنش‌گرا (همه‌جا) ===== */
img, video, iframe, .wp-block-image img { max-width: 100%; height: auto; }
.daryani-home img, .woocommerce img { max-width: 100%; height: auto; }

/* ===== جلوگیری از سرریز افقی ===== */
html, body { overflow-x: hidden; }