/* Стилі для розширення меню третього і вище рівнів до висоти другого рівня */
@media (min-width: 1199px) {
	/* Для горизонтального меню */
	.bwp-navigation ul.menu > li.level-0 .sub-menu {
		max-height: none;
	}

	.bwp-navigation ul.menu > li.level-0 ul.sub-menu {
		padding: 15px 0 !important;
	}

	li.level-1.menu-item-49363.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.std-menu {
		position: static;
	}

	.bwp-navigation ul.menu > li.level-0 div.sub-menu li.level-1 .sub-menu,
	.bwp-navigation ul.menu > li.level-0 > ul.sub-menu li.level-1 .sub-menu {
		margin-top: 0 !important;
		margin-left: 0 !important;
	}

	.bwp-navigation ul.menu > li.level-0 .sub-menu .sub-menu {
		max-height: none;
		overflow-y: auto;
		overflow-x: hidden;
	}

	/* Для вертикального меню */
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu {
		max-height: none;
	}

	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		.sub-menu {
		max-height: none;
		overflow-y: auto;
		overflow-x: hidden;
	}

	/* Встановлюємо висоту третього і вище рівнів рівною висоті другого рівня */
	.bwp-navigation ul.menu > li.level-0 .sub-menu li.level-1 .sub-menu,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu {
		height: auto;
		max-height: 100%;
		top: 0;
		bottom: 0;
	}

	/* Автоскрол для третього і вище рівнів */
	.bwp-navigation ul.menu > li.level-0 .sub-menu li.level-1 .sub-menu,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu {
		overflow-y: auto;
		overflow-x: hidden;
		scrollbar-width: thin;
		scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
	}

	/* Стилізація скролбару для WebKit браузерів */
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar {
		width: 4px;
	}

	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar-track,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar-track {
		background: transparent;
	}

	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar-thumb,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar-thumb {
		background: rgba(0, 0, 0, 0.3);
		border-radius: 2px;
	}

	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar-thumb:hover,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar-thumb:hover {
		background: rgba(0, 0, 0, 0.5);
	}

	/* Забезпечуємо, що третій рівень має таку ж висоту як другий */
	.bwp-navigation ul.menu > li.level-0 .sub-menu li.level-1 {
		position: relative;
	}

	.bwp-navigation ul.menu > li.level-0 .sub-menu li.level-1 .sub-menu,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu {
		position: absolute;
		top: 0;
		left: 100%;
		margin-left: 0;
		margin-top: 0;
		height: 100%;
		min-height: 100%;
		display: flex;
		flex-direction: column;
	}

	/* Для RTL мов */
	.rtl .bwp-navigation ul.menu > li.level-0 .sub-menu li.level-1 .sub-menu,
	.rtl
		.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu {
		right: 100%;
		left: auto;
		margin-right: 0;
	}

	/* Забезпечуємо правильне відображення вмісту */
	.bwp-navigation ul.menu > li.level-0 .sub-menu li.level-1 .sub-menu > li,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		> li {
		flex-shrink: 0;
	}

	/* Додаткові стилі для мега-меню */
	.bwp-navigation
		ul.menu
		> li.level-0.mega-menu
		.sub-menu
		li.level-1
		.sub-menu {
		position: static;
		height: auto;
		max-height: none;
		overflow: visible;
	}

	/* Стилі для четвертого і вище рівнів меню */
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu {
		position: absolute;
		top: 0;
		left: 100%;
		margin-left: 0;
		margin-top: 0;
		height: 100%;
		min-height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		scrollbar-width: thin;
		scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
	}

	/* RTL для четвертого рівня */
	.rtl
		.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu,
	.rtl
		.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu {
		right: 100%;
		left: auto;
		margin-right: 0;
	}

	/* Стилізація скролбару для четвертого рівня */
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar {
		width: 4px;
	}

	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar-track,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar-track {
		background: transparent;
	}

	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar-thumb,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar-thumb {
		background: rgba(0, 0, 0, 0.3);
		border-radius: 2px;
	}

	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar-thumb:hover,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar-thumb:hover {
		background: rgba(0, 0, 0, 0.5);
	}

	/* Забезпечуємо правильне позиціонування для всіх рівнів */
	.bwp-navigation ul.menu > li.level-0 .sub-menu li.level-1,
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2 {
		position: relative;
	}
}
/* Редизайн меню другого і третього рівнів */
@media (min-width: 1199px) {
	/* Загальні стилі для всіх рівнів меню */
	.bwp-navigation ul.menu > li.level-0 .sub-menu,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu {
		border-radius: 8px;
		padding: 12px 0;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		border: none;
		background: #fff;
	}

	/* Стилі для пунктів меню */
	.bwp-navigation ul.menu > li.level-0 .sub-menu li,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li {
		padding: 8px 20px;
		margin: 0;
		border: none;
		position: relative;
	}

	/* Стилі для посилань в меню */
	.bwp-navigation ul.menu > li.level-0 .sub-menu li a,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li
		a {
		color: #333;
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0;
		font-size: 14px;
		font-weight: 400;
		transition: all 0.3s ease;
	}

	/* Стрілка вправо для пунктів з підменю */
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.menu-item-has-children
		> a:after,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.menu-item-has-children
		> a:after {
		content: '>';
		color: #ccc;
		font-size: 16px;
		margin-left: 8px;
		transition: all 0.3s ease;
	}

	/* Ховер ефект для пунктів меню */
	.bwp-navigation ul.menu > li.level-0 .sub-menu li:hover,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li:hover {
		background-color: #80e0eb;
	}

	.bwp-navigation ul.menu > li.level-0 .sub-menu li:hover > a,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li:hover
		> a {
		color: white !important;
	}

	/* Зміна стрілки при ховері */
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.menu-item-has-children:hover
		> a:after,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.menu-item-has-children:hover
		> a:after {
		content: '⌄';
		color: white !important;
		transform: rotate(0deg);
		margin-top: -10px;
	}

	/* Стилі для третього і вище рівнів */
	.bwp-navigation ul.menu > li.level-0 .sub-menu li.level-1 .sub-menu,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu {
		border-radius: 8px;
		padding: 12px 0;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		border: none;
		background: #fff;
		position: absolute;
		top: 0;
		left: 100%;
		margin-left: 5px;
		min-width: 200px;
		height: auto;
		max-height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}

	/* RTL для третього рівня */
	.rtl .bwp-navigation ul.menu > li.level-0 .sub-menu li.level-1 .sub-menu,
	.rtl
		.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu {
		right: 100%;
		left: auto;
		margin-right: 5px;
		margin-left: 0;
	}

	/* Стилі для четвертого і вище рівнів */
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu {
		border-radius: 8px;
		padding: 12px 0;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		border: none;
		background: #fff;
		position: absolute;
		top: 0;
		left: 100%;
		margin-left: 5px;
		min-width: 200px;
		height: auto;
		max-height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}

	/* RTL для четвертого рівня */
	.rtl
		.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu,
	.rtl
		.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu {
		right: 100%;
		left: auto;
		margin-right: 5px;
		margin-left: 0;
	}

	/* Стилізація скролбару для третього і вище рівнів */
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar,
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar {
		width: 4px;
	}

	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar-track,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar-track,
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar-track,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar-track {
		background: transparent;
	}

	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar-thumb,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar-thumb,
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar-thumb,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar-thumb {
		background: rgba(0, 0, 0, 0.2);
		border-radius: 2px;
	}

	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar-thumb:hover,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu::-webkit-scrollbar-thumb:hover,
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar-thumb:hover,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu::-webkit-scrollbar-thumb:hover {
		background: rgba(0, 0, 0, 0.4);
	}

	/* Firefox скролбар */
	.bwp-navigation ul.menu > li.level-0 .sub-menu li.level-1 .sub-menu,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu,
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2
		.sub-menu {
		scrollbar-width: thin;
		scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
	}

	/* Забезпечуємо правильне позиціонування */
	.bwp-navigation ul.menu > li.level-0 .sub-menu li.level-1,
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.level-1
		.sub-menu
		li.level-2 {
		position: relative;
	}

	/* Приховуємо стандартні стрілки теми */
	.bwp-navigation
		ul.menu
		> li.level-0
		.sub-menu
		li.menu-item-has-children
		> a
		> span:after,
	.categories-vertical-menu
		.bwp-vertical-navigation
		> div
		ul.menu
		li.level-0
		.sub-menu
		li.menu-item-has-children
		> a
		> span:after {
		display: none;
	}

	/* Додаткові стилі для мега-меню (щоб не порушувати існуючий функціонал) */
	.bwp-navigation
		ul.menu
		> li.level-0.mega-menu
		.sub-menu
		li.level-1
		.sub-menu {
		position: static;
		height: auto;
		max-height: none;
		overflow: visible;
		border-radius: 0;
		padding: 0;
		box-shadow: none;
	}
}