/* Elexons AK Mega Menu - desktop-only layout */

@media (min-width: 1025px) {

	.elexons-ak-mega-menu-wrapper {
		width: 100%;
	}

	.elexons-ak-mega-menu-inner {
		display: flex;
		/* بک‌گراند کلی کاملا سفید */
		background-color: #ffffff;
		border-radius: 10px;
		overflow: hidden;
		/* ارتفاع کنترل‌شده برای اینکه اسکرول فقط داخل محتوای راست باشد */
		max-height: 504px; /* ۲۰٪ بیشتر از ۴۲۰px */
	}

	.elexons-ak-mega-menu-left {
		width: 25%;
		min-width: 220px;
		/* ستون منو هم کاملا سفید */
		background-color: #ffffff;
		border-right: none;
	}

	.elexons-ak-mega-menu-list {
		list-style: none;
		margin: 0;
		/* بدون فاصله از بالا تا تب فعال دقیقا به لبه‌ی بالایی بچسبد */
		padding: 0 0 10px 0;
	}

	.elexons-ak-mega-menu-item {
		padding: 12px 18px;
		cursor: pointer;
		transition: background-color 0.2s ease, color 0.2s ease;
		font-size: 15px;
		/* آیتم‌های عادی بدون بک‌گراند خاص */
		background-color: transparent;
	}

	.elexons-ak-mega-menu-item:hover,
	.elexons-ak-mega-menu-item.is-active {
		/* تنها چیز طوسی: فقط بردر اطراف منوی فعال */
		background-color: #ffffff;
		border-radius: 999px 0 0 999px; /* سمت چپ گرد، سمت راست صاف */
		border: 1px solid #dcdcdc;
		border-right: none;
		margin-left: 8px;
		padding-left: 16px;
		color: #000000;
	}

	.elexons-ak-mega-menu-right {
		flex: 1;
		padding: 20px 24px;
		/* محتوای راست هم کاملا سفید */
		background-color: #ffffff;
		/* بردر طوسی دور زیرمنو، بدون خط سمت چپ برای اتصال بصری با تب فعال */
		border: 1px solid #dcdcdc;
		border-left: none;
		position: relative;
		/* اسکرول فقط داخل بخش محتوای راست */
		max-height: 504px; /* هم‌ارزش با ارتفاع کانتینر (۲۰٪ بیشتر) */
		overflow-y: auto;
		overflow-x: hidden;
	}

	.elexons-ak-mega-menu-panel {
		display: none;
	}

	.elexons-ak-mega-menu-panel.is-active {
		display: block;
	}
}

/* Hide on tablet/mobile – widget is desktop-only */
@media (max-width: 1024px) {
	.elexons-ak-mega-menu-wrapper {
		display: none;
	}
}