/* Webald Responsive Fixes — sitewide mobile/tablet layout corrections */

/*
 * منوی کشویی هدر (.webald-menu) روی گوشی‌های باریک (کمتر از ۴۸۰px) از عرض صفحه
 * بیرون می‌زد: با right:0 بدون محدودیت عرض، طول متن آیتم‌های منو مجبورش می‌کرد تا
 * حدود ۴۲۶px پهن بشه و از سمت چپ از صفحه خارج بشه (اسکرول افقی ناخواسته).
 * راه‌حل: روی گوشی، منو را به عرض نوار ناوبری محدود می‌کنیم و اجازهٔ شکستن متن
 * می‌دهیم تا دیگر مجبور به عرض ثابت نباشد.
 */
@media (max-width: 480px) {
	.webald-menu {
		left: 0;
		right: 0;
		width: auto;
		min-width: 0;
	}
	.webald-menu a {
		white-space: normal;
	}
}