/**
 * Rich menu panel — desktop only, container-aligned Elementor content.
 * All selectors are scoped to rich menu items so Ohio navigation stays untouched.
 */

.header.-mobile .ckb-rich-menu-panel {
	display: none !important;
}

.header:not(.-mobile) .menu > li.ckb-has-rich-menu:hover,
.header:not(.-mobile) .menu > li.ckb-has-rich-menu:focus-within {
	z-index: 300;
}

.header:not(.-mobile) .ckb-rich-menu-panel {
	position: absolute;
	top: 100%;
	left: 0;
	margin-left: var(--ckb-rich-menu-shift, 0px);
	z-index: 250;
	width: min(1300px, calc(100vw - 32px));
	padding-top: var(--ckb-rich-menu-header-gap, 0px);
	padding-bottom: 1.25rem;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-6px);
	transition:
		opacity var(--clb-transition-duration, 0.25s) var(--clb-transition-function, ease),
		visibility var(--clb-transition-duration, 0.25s) var(--clb-transition-function, ease),
		transform var(--clb-transition-duration, 0.25s) var(--clb-transition-function, ease);
}

.header:not(.-mobile) .menu > li.ckb-has-rich-menu:hover > .ckb-rich-menu-panel,
.header:not(.-mobile) .menu > li.ckb-has-rich-menu:focus-within > .ckb-rich-menu-panel {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

/* Click leaves focus on the link; force-close when Ohio/JS marks the item closed. */
.header:not(.-mobile) .menu > li.ckb-has-rich-menu.ckb-rich-menu-closed > .ckb-rich-menu-panel {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-6px);
}

.header:not(.-mobile) .ckb-rich-menu-panel__inner {
	width: 100%;
	padding: 1.25rem 1.5rem;
	background-color: var(--clb-color-white, #fff);
	border-radius: 0 0 var(--clb-border-radius-large, 12px) var(--clb-border-radius-large, 12px);
	box-shadow:
		0 20px 32px -8px rgba(0, 0, 0, 0.15),
		0 0 1px rgba(0, 0, 0, 0.05);
}

.header:not(.-mobile) .ckb-rich-menu-panel__content {
	width: 100%;
}

/* Keep Elementor sections from breaking out of the panel. */
.header:not(.-mobile) .ckb-rich-menu-panel__content .elementor-section.elementor-section-boxed > .elementor-container,
.header:not(.-mobile) .ckb-rich-menu-panel__content .e-con {
	max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
	.header:not(.-mobile) .ckb-rich-menu-panel {
		transition: none;
		transform: none;
	}
}

.header:not(.-mobile) .menu:hover .nav-item:not(:hover) {
	opacity: unset !important;
}