/**
 * LiberArt nav – Bridge vertical menu look + vanilla open/close.
 */

/* Chrome always above Elementor heroes / background slideshows */
aside.vertical_menu_area,
.vertical_menu_area_bottom_logo,
.vertical_logo_wrapper,
header.page_header {
	z-index: 10060 !important;
}

.vertical_logo_wrapper {
	position: fixed;
	z-index: 10061 !important;
}

/* Ensure Bridge vertical panel is visible on desktop (undo any prior child hides) */
@media (min-width: 1001px) {
	body.vertical_menu_enabled.vertical_menu_hidden aside.vertical_menu_area {
		display: flex !important;
	}

	/* Bridge-style slide only (no paper FX) */
	body.liberart-nav-vanilla.vertical_menu_hidden aside.vertical_menu_area {
		transform: none !important;
		filter: none !important;
		clip-path: none !important;
		animation: none !important;
		left: calc(-100% + 62px) !important;
		transition: left 0.6s ease !important;
	}

	body.liberart-nav-vanilla.vertical_menu_hidden aside.vertical_menu_area.active {
		left: 0 !important;
	}

	/* Keep logo + hamburger on the rail */
	body.liberart-nav-vanilla.vertical_menu_hidden .vertical_menu_hidden_button,
	body.liberart-nav-vanilla.vertical_menu_hidden .vertical_logo_wrapper {
		position: fixed !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		z-index: 10062 !important;
	}

	body.liberart-nav-vanilla.vertical_menu_hidden .vertical_logo_wrapper {
		top: 30px !important;
		left: 0 !important;
		width: 65px !important;
		transform: rotate(90deg) !important;
	}

	body.liberart-nav-vanilla.vertical_menu_hidden .vertical_menu_hidden_button {
		top: 50% !important;
		left: 10px !important;
		transform: translateY(-50%) !important;
	}
}

@media (min-width: 1001px) and (prefers-reduced-motion: reduce) {
	body.liberart-nav-vanilla.vertical_menu_hidden aside.vertical_menu_area {
		transition: none !important;
	}
}

/* Submenus: click-open for vanilla (Bridge used hoverIntent) */
body.liberart-nav-vanilla nav.vertical_menu_toggle .second {
	display: none;
}

body.liberart-nav-vanilla nav.vertical_menu_toggle li.has_sub.open > .second,
body.liberart-nav-vanilla nav.vertical_menu_toggle li.menu-item-has-children.open > .second {
	display: block;
}

body.liberart-nav-vanilla nav.vertical_menu_toggle .second .inner ul {
	display: block;
}

/* Native scroll inside the panel (replaces niceScroll) */
aside.vertical_menu_area.with_scroll,
aside.vertical_menu_area .vertical_menu_area_inner {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

/* Mobile accordion */
body.liberart-nav-vanilla nav.mobile_menu > ul {
	display: none;
}

body.liberart-nav-vanilla nav.mobile_menu.is-open > ul {
	display: block;
}

body.liberart-nav-vanilla nav.mobile_menu ul.sub_menu {
	display: none;
}

body.liberart-nav-vanilla nav.mobile_menu li.open_sub > ul.sub_menu {
	display: block;
}

/* ---------- Mobile sticky bar: logo + menu always on top ---------- */
@media (max-width: 1000px) {
	body.liberart-nav-vanilla {
		--liberart-mobile-bar-h: 76px;
		padding-top: var(--liberart-mobile-bar-h) !important;
	}

	body.liberart-nav-vanilla header.page_header {
		position: fixed !important;
		top: 0;
		left: 0;
		right: 0;
		width: 100% !important;
		z-index: 10060 !important;
		background: rgba(255, 255, 255, 0.96) !important;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
		transform: none !important;
	}

	body.liberart-nav-vanilla header.page_header .header_bottom {
		background-color: transparent !important;
	}

	body.liberart-nav-vanilla header.page_header .header_inner_left {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		min-height: var(--liberart-mobile-bar-h);
		padding: 0 16px;
		box-sizing: border-box;
	}

	body.liberart-nav-vanilla header.page_header .logo_wrapper,
	body.liberart-nav-vanilla header.page_header .q_logo,
	body.liberart-nav-vanilla header.page_header .q_logo a {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		height: auto !important;
		left: 0 !important;
		float: none !important;
	}

	body.liberart-nav-vanilla header.page_header .logo_wrapper {
		order: 1;
	}

	body.liberart-nav-vanilla header.page_header .q_logo {
		line-height: 0;
	}

	body.liberart-nav-vanilla header.page_header .q_logo img {
		position: static !important;
		top: auto !important;
		width: auto !important;
		max-height: 42px !important;
		height: auto !important;
		margin: 0 !important;
	}

	body.liberart-nav-vanilla header.page_header .q_logo img.mobile {
		display: block !important;
		opacity: 1 !important;
	}

	body.liberart-nav-vanilla header.page_header .q_logo img.normal,
	body.liberart-nav-vanilla header.page_header .q_logo img.light,
	body.liberart-nav-vanilla header.page_header .q_logo img.dark,
	body.liberart-nav-vanilla header.page_header .q_logo img.sticky,
	body.liberart-nav-vanilla header.page_header .q_logo img.popup {
		display: none !important;
		opacity: 0 !important;
	}

	body.liberart-nav-vanilla header.page_header .mobile_menu_button {
		display: flex !important;
		align-items: center;
		justify-content: center;
		float: none !important;
		margin: 0 !important;
		height: var(--liberart-mobile-bar-h) !important;
		order: 2;
	}

	/* Drop-down panel under sticky bar */
	body.liberart-nav-vanilla nav.mobile_menu {
		position: fixed;
		top: var(--liberart-mobile-bar-h);
		left: 0;
		right: 0;
		z-index: 10059;
		max-height: calc(100dvh - var(--liberart-mobile-bar-h));
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		background: #fff;
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
	}

	body.liberart-nav-vanilla nav.mobile_menu.is-open > ul {
		padding: 12px 20px 24px;
	}

	body.liberart-nav-open {
		overflow: hidden;
	}
}