/* آیتم‌های منو */
.nav-item {
	position: relative;
}

/* فقط منوی سطح اول با hover باز شود */
.navbar > .navbar-items > .nav-item:hover > .nav-submenu {
	display: grid;
}

/* استایل عمومی همه‌ی زیرمنوها */
.nav-submenu {
	padding: 16px;
}

/* فقط آیتم‌های داخل مگا منو (ستون‌های سطح اول) */
.nav-submenu > .nav-item {
	padding: 0 12px;
}

/* زیرمنوهای ستون همیشه باز (زیرمنوهای داخلی) */
.nav-submenu > .nav-item > .nav-submenu {
	position: static;
	/*display: block;*/
	padding: 0;
	box-shadow: none;
	transform: none;
	opacity: 1;
}

/* مگا منو (فقط سطح اول زیرمنوی منوی اصلی) */
.navbar > .navbar-items > .nav-item > .nav-submenu {
	display: none; /* در حالت عادی مخفی */
	grid-template-columns: repeat(5, minmax(180px, 1fr)); /* ۵ ستون */
	gap: 24px; /* فاصله ستون‌ها */
	padding: 24px;
	position: absolute;
	background: #fff; /* رنگ پس‌زمینه */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	z-index: 1000;
}

/* ستون‌های مگا منو (سطح اول) */
.navbar > .navbar-items > .nav-item > .nav-submenu > .nav-item {
	display: flex;
	flex-direction: column;
	padding: 0 16px;
}

/* تیتر هر ستون در مگا منو */
.navbar > .navbar-items > .nav-item > .nav-submenu > .nav-item > a {
	font-size: 14px;
	font-weight: 700;
	color: rgb(var(--kt-dark));
	margin-bottom: 12px;
}

/* لینک‌های زیرمنوهای داخلی */
.navbar .nav-submenu .nav-submenu .nav-submenu-link {
	font-size: 13px;
	font-weight: 400;
	color: rgb(var(--kt-gray));
	padding: 6px 15px;
}

.navbar .nav-submenu .nav-submenu .nav-submenu-link:hover {
	color: rgb(var(--kt-dark));
}

/* === زیرمنوهای چندستونه (column-submenu) === */
/* این همون ul هست که کلاس column-submenu داره */
.nav-submenu.column-submenu {
	display: grid;
	grid-template-columns: repeat(6, minmax(130px, 1fr)); /* تعداد ستون‌ها */
	column-gap: 24px;
	row-gap: 8px;
	padding: 12px 0;
	height: fit-content;
    overflow: unset;
}


/* li های داخل زیرمنوی ستونی – خنثی کردن flex از قوانین بالاتر */
.nav-submenu.column-submenu > .nav-item {
	display: block;
	padding: 0;
}