/* ==========================================================================
   Custom Header Menu - Page Builder Compatibility Fixes (سازگاری با المنتور)
   این فایل همیشه باید بعد از chm-frontend.css (و در صورت فعال بودن، بعد از
   استایل‌های المنتور) بارگذاری شود. هدف آن خنثی کردن تداخل‌های زیر است:

   1) باکس‌بندی (box-sizing) که کیت المنتور آن را به‌صورت سراسری تغییر می‌دهد.
   2) تایپوگرافی/دکمه/لینک پیش‌فرض «کیت جهانی» المنتور که با اولویت (Specificity)
      بالاتر یا ترتیب بارگذاری دیرتر، روی عناصر ساده (کلاس تکی) این افزونه اثر
      می‌گذارد و باعث بهم‌ریختگی چیدمان هدر می‌شود.
   3) شکستن ردیف افقی هدر (flex-wrap) وقتی ویجت داخل ستون/کانتینر فلکس المنتور
      با عرض محدود قرار می‌گیرد.
   4) عرض/پدینگ پیش‌فرضی که المنتور به بازه (wrapper) ویجت اضافه می‌کند.

   تمام سلکتورها عمداً با پیشوند .chm-header-wrap نوشته شده‌اند تا اولویت
   (Specificity) آن‌ها از قوانین عمومی/تک‌کلاسه کیت المنتور بالاتر برود.
   ========================================================================== */

/* 1) ایزوله کردن کامل باکس‌بندی از استایل‌های عمومی/کیت المنتور */
.chm-header-wrap,
.chm-header-wrap *,
.chm-header-wrap *::before,
.chm-header-wrap *::after {
	box-sizing: border-box !important;
}

/* 2) خنثی‌سازی استایل‌های پیش‌فرض تایپوگرافی/دکمه/لینک/تصویر کیت المنتور
      که به‌صورت سراسری روی تگ‌های ساده (ul, a, button, img) اعمال می‌شوند */
.chm-header-wrap ul,
.chm-header-wrap ol {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	float: none !important;
}
.chm-header-wrap li {
	margin: 0 !important;
	float: none !important;
}
.chm-header-wrap a {
	box-shadow: none !important;
	text-shadow: none !important;
}
.chm-header-wrap button {
	font-family: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	box-shadow: none !important;
}
.chm-header-wrap img {
	max-width: none !important;
	border: none !important;
}

/* 3) اجبار چیدمان افقی هدر و جلوگیری از شکستن ردیف توسط فلکس‌باکس/عرض محدود
      کانتینر یا ستون المنتور */
.chm-header-wrap .chm-header-inner {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	width: 100% !important;
}
.chm-header-wrap .chm-logo {
	flex-shrink: 0 !important;
}
.chm-header-wrap .chm-main-nav {
	min-width: 0 !important;
	flex-shrink: 1 !important;
}
.chm-header-wrap .chm-menu {
	display: flex !important;
	flex-wrap: nowrap !important;
	width: auto !important;
}
.chm-header-wrap .chm-menu-item {
	flex-shrink: 0 !important;
}
.chm-header-wrap .chm-menu-item > a {
	display: flex !important;
	flex-wrap: nowrap !important;
}
.chm-header-wrap .chm-search {
	flex-shrink: 0 !important;
}
.chm-header-wrap .chm-search-form,
.chm-header-wrap .chm-mobile-search-form,
.chm-header-wrap .chm-mobile-search-overlay-header {
	display: flex !important;
	flex-wrap: nowrap !important;
}
.chm-header-wrap .chm-mobile-item-row {
	display: flex !important;
	flex-wrap: nowrap !important;
}
.chm-header-wrap .chm-mega-grid {
	display: grid !important;
}

/* 4) آزاد کردن بازه (wrapper) ویجت المنتور از هرگونه عرض/پدینگ محدودکننده
      پیش‌فرض، مخصوص همین ویجت */
.elementor-widget-chm-header-menu,
.elementor-widget-chm-header-menu > .elementor-widget-container {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
}

/* 5) لایه‌های تمام‌صفحه (منوی کشویی موبایل و پنل جستجو) باید همیشه به‌صورت
      کاملاً واقعی نسبت به viewport ثابت (fixed) بمانند، حتی اگر یکی از
      المان‌های والد در المنتور (مثلاً هدر Sticky با افکت transform) یک
      containing block جدید ایجاد کرده باشد؛ برای اطمینان بیشتر این المان‌ها
      همچنین توسط چم-فرانت‌اند.جی‌اس به مستقیماً زیر body منتقل می‌شوند. */
.chm-mobile-drawer,
.chm-mobile-search-overlay {
	position: fixed !important;
	inset: 0 !important;
}