/* ==========================================================================
   Header Stability & CLS Fixes
   ========================================================================== */

/* تثبیت کانتینر فرم جستجو و تنظیم عرض استاندارد */
.uk-navbar-left form.uk-search,
form.uk-search.uk-search-default {
	position: relative;
	display: flex !important;
	align-items: center;
	min-height: 44px;
	width: 480px !important; /* یا هر عرض دلخواه مثل 500px یا 100% */
	max-width: 100%;
}

form.uk-search.uk-search-default .uk-search-input {
	width: 100% !important; /* این خط عرض پیش‌فرض 180px یواکیت را بازنویسی می‌کند */
	height: 44px !important;
	line-height: 44px !important;
	box-sizing: border-box;
}


/* تثبیت ابعاد لوگو برای جلوگیری از رندر مجدد هدر */
.uk-navbar-item.uk-logo,
.uk-logo {
	display: inline-flex;
	align-items: center;
	min-height: 45px;
	flex-shrink: 0;
}

.uk-logo img {
	width: auto;
	max-height: 45px;
	display: block;
}

/* ==========================================================================
   تنظیمات پایه انیمیشن منوی پایین
   ========================================================================== */
.kb-desktop-header-sticky .kb-primary-nav--bottom {
	position: relative;
	overflow: visible !important;
	max-height: 70px !important;
	opacity: 1 !important;
	transform: scaleY(1);
	transform-origin: top;

	transition:
		transform 0.4s cubic-bezier(0.25, 1, 0.5, 1),
		opacity 0.3s ease,
		max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1),
		padding 0.4s cubic-bezier(0.25, 1, 0.5, 1),
		margin 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;

	will-change: transform, opacity, max-height;
	z-index: 1000;
}

/* مگامنو باید بالاتر از محتوای صفحه باشد */
.kb-desktop-header-sticky .kb-primary-nav--bottom,
.kb-desktop-header-sticky .kb-primary-nav--bottom .kb-mega-menu,
.kb-desktop-header-sticky .kb-primary-nav--bottom .uk-dropdown,
.kb-desktop-header-sticky .kb-primary-nav--bottom .uk-navbar-dropdown {
	z-index: 9999;
}

/* هنگام اسکرول به پایین، منو جمع و مخفی شود */
.kb-desktop-header-sticky.kb-scroll-down .kb-primary-nav--bottom {
	overflow: hidden !important;
	max-height: 0 !important;
	opacity: 0 !important;
	transform: scaleY(0);
	pointer-events: none !important;

	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}