/* VipVize + Panda Pro Menu integration.
 * Only integration rules live here; mega-menu visuals stay in the plugin.
 */
.vipvize-panda-menu-active .site-header,
.vipvize-panda-menu-active .site-header .header-inner,
.vipvize-panda-menu-active .vipvize-pro-menu-slot {
	overflow: visible !important;
}

.vipvize-panda-menu-active .site-header .header-inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 24px;
}

.vipvize-panda-menu-active .site-header .site-branding {
	flex: 0 0 auto;
	min-width: 0;
}

.vipvize-panda-menu-active .vipvize-pro-menu-slot {
	flex: 1 1 auto;
	min-width: 0;
	margin-left: auto;
}

.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-wrap {
	--ppm-integration-breakpoint: 1120px;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	min-width: 0;
	min-height: 70px;
}

.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-desktop-nav {
	width: 100%;
	min-width: 0;
}

.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-menu {
	justify-content: flex-end;
	width: 100%;
}

.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-mobile-toggle {
	margin-left: auto;
	color: var(--blue);
	border: 1px solid var(--line);
	background: #fff;
}

.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-mobile-toggle:hover,
.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-mobile-toggle:focus-visible {
	background: #edf6ff;
	outline: 2px solid transparent;
}

/* Theme header becomes too narrow before the plugin's default breakpoint. */
@media (max-width: 1120px) {
	.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-desktop-nav {
		display: none !important;
	}

	.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-mobile-toggle {
		display: inline-flex !important;
	}

	.vipvize-panda-menu-active .site-header .header-inner {
		min-height: 70px;
		gap: 16px;
	}
}

@media (max-width: 480px) {
	.vipvize-panda-menu-active .site-branding .custom-logo {
		max-width: 190px;
	}
}