/**
 * Mobile off-canvas submenu chevrons + main menu type.
 *
 * Font-size must beat Uncode .font-size-mobile-centered-menu (5.5vw !important).
 * LiteSpeed CSS combine can reorder files — keep selectors stronger than Uncode.
 */
@media (max-width: 959px) {
	/*
	 * Main + submenu: same 3.5vw (beats Uncode 5.5vw).
	 * Submenu must match Uncode .font-size-mobile-centered-submenu specificity.
	 */
	html body.menu-mobile-centered .font-size-mobile-centered-menu,
	html body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner
		ul.menu-smart.menu-primary-inner > li:not(.menu-item-button):not(.social-icon):not(.uncode-cart) > a:not(.social-menu-link):not(.vc_control-btn):not(li.font-size-custom > *):not(.uncont .font-size-custom *),
	html body.menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-horizontal .menu-horizontal-inner
		ul.menu-smart.menu-primary-inner > li:not(.menu-item-button):not(.social-icon):not(.uncode-cart) > a:not(.social-menu-link):not(.vc_control-btn):not(li.font-size-custom > *):not(.uncont .font-size-custom *) {
		font-size: 3.5vw !important;
	}

	html body.menu-mobile-centered .font-size-mobile-centered-submenu,
	html body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner
		ul.menu-smart.menu-primary-inner ul li.menu-item:not(.uncode-cart) > a:not(li.font-size-custom > *):not(.uncont .font-size-custom *),
	html body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner
		ul.menu-smart.menu-primary-inner ul li.menu-item-link > a:not(li.font-size-custom > *):not(.uncont .font-size-custom *),
	html body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner
		ul.menu-smart.menu-primary-inner ul.mega-menu-inner li > a,
	html body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner
		ul.menu-smart.menu-primary-inner ul.drop-menu li > a,
	html body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner
		ul.menu-smart.menu-primary-inner ul.un-submenu li > a,
	html body.menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-horizontal .menu-horizontal-inner
		ul.menu-smart.menu-primary-inner ul li.menu-item:not(.uncode-cart) > a:not(li.font-size-custom > *):not(.uncont .font-size-custom *),
	html body.menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-horizontal .menu-horizontal-inner
		ul.menu-smart.menu-primary-inner ul.mega-menu-inner li > a,
	html body.menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-horizontal .menu-horizontal-inner
		ul.menu-smart.menu-primary-inner ul.drop-menu li > a,
	html body.menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-horizontal .menu-horizontal-inner
		ul.menu-smart.menu-primary-inner ul.un-submenu li > a {
		font-size: 3.5vw !important;
	}

	html body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner
		ul.menu-smart.menu-primary-inner > li:not(.menu-item-button):not(.social-icon):not(.uncode-cart) > a,
	html body.menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-horizontal .menu-horizontal-inner
		ul.menu-smart.menu-primary-inner > li:not(.menu-item-button):not(.social-icon):not(.uncode-cart) > a {
		border-bottom: 1px solid #ccc;
	}

	/* CTA buttons — no divider */
	html body.menu-mobile-centered .menu-smart.menu-cta-inner > li > a,
	html body.menu-mobile-centered .menu-smart > li.menu-item-button > a,
	html body.menu-mobile-centered .menu-smart.menu-primary-inner > li.menu-item-button > a {
		border-bottom: none !important;
	}

	/* Keep leaf icons hidden (Uncode outputs them on every link) */
	body.menu-mobile-centered .menu-smart:not(.top-enhanced-inner)
		li:not(.social-icon) > a > .fa.fa-angle-right.fa-dropdown {
		display: none !important;
	}

	/* Parent row: label left, chevron right — one clear unit */
	body.menu-mobile-centered .menu-smart:not(.top-enhanced-inner)
		li.menu-item-has-children:not(.social-icon) > a {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		box-sizing: border-box;
	}

	/* Only real submenu parents get a chevron */
	body.menu-mobile-centered .menu-smart:not(.top-enhanced-inner)
		li.menu-item-has-children:not(.social-icon) > a > .fa.fa-angle-down.fa-dropdown {
		display: inline-block !important;
		float: none !important;
		position: relative;
		top: 0;
		flex: 0 0 auto;
		margin: 0;
		padding: 8px 4px 8px 12px;
		font-size: 0.85em;
		line-height: 1;
		pointer-events: none;
		transition: transform 0.2s ease;
	}

	/* Open = chevron points up */
	body.menu-mobile-centered .menu-smart:not(.top-enhanced-inner)
		li.menu-item-has-children.smartmenu-open-item:not(.social-icon) > a > .fa.fa-angle-down.fa-dropdown {
		transform: rotate(180deg);
	}
}

/* Leftover mobile-open class must not keep a mega panel on screen at desktop.
   Desktop hover does not use this class on the horizontal menu. */
@media (min-width: 960px) {
	body.menu-mobile-centered .menu-smart li.smartmenu-open-item > ul.un-submenu,
	body.menu-mobile-centered .menu-smart li.smartmenu-open-item > ul.mega-menu-inner,
	body.menu-mobile-centered .menu-smart li.smartmenu-open-item > ul.drop-menu,
	body.menu-mobile-centered.open-overlay-menu .menu-smart > li > ul.un-submenu,
	body.menu-mobile-centered.open-overlay-menu .menu-smart > li > ul.mega-menu-inner,
	body.menu-mobile-centered.open-overlay-menu .menu-smart > li > ul.drop-menu,
	body.menu-mobile-centered.opening-overlay-menu .menu-smart > li > ul.un-submenu,
	body.menu-mobile-centered.opening-overlay-menu .menu-smart > li > ul.mega-menu-inner,
	body.menu-mobile-centered.opening-overlay-menu .menu-smart > li > ul.drop-menu {
		display: none !important;
	}

	body.menu-mobile-off-canvas.open-overlay-menu .uncode-close-offcanvas-mobile,
	body.menu-mobile-off-canvas.opening-overlay-menu .uncode-close-offcanvas-mobile {
		display: none !important;
	}
}