/* Mega menu – panels injected inside the Main Menu top-level items (see inc/mega-menu.php). Desktop only. */

.cpap-mega { display: none; }

@media (min-width: 992px) {
	/* The nav section is the positioning context so the panel can span the full width */
	#brxe-2369wo { position: relative; }
	#brxe-2369wo .bricks-nav-menu > li { position: static; }

	/* Replace the default dropdown on desktop */
	#brxe-75pk2n .bricks-nav-menu > li.menu-item-has-children > .sub-menu { display: none !important; }

	.cpap-mega {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 999;
		display: block;
		visibility: hidden;
		opacity: 0;
		transform: translateY(-10px);
		clip-path: inset(-14px 0 100% 0);
		pointer-events: none;
		/* hide: short delay so the panel does not flicker when the cursor crosses between items */
		transition: opacity .22s ease .12s, transform .22s ease .12s, clip-path .22s ease .12s, visibility 0s linear .34s;
		background: #eee;
		box-shadow: 0 12px 24px rgba(4, 49, 70, .12);
		font-family: 'Poppins', sans-serif;
		color: #043146;
	}

	/* invisible bridge so the cursor can travel from the menu item into the panel without losing hover */
	.cpap-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }

	.bricks-nav-menu > li:hover > .cpap-mega,
	.bricks-nav-menu > li:focus-within > .cpap-mega,
	.bricks-nav-menu > li.is-mega-open > .cpap-mega {
		visibility: visible;
		opacity: 1;
		transform: none;
		clip-path: inset(-14px 0 -40px 0);
		pointer-events: auto;
		transition: opacity .28s cubic-bezier(.22,.61,.36,1), transform .28s cubic-bezier(.22,.61,.36,1), clip-path .28s cubic-bezier(.22,.61,.36,1), visibility 0s;
	}

	.cpap-mega__inner { max-width: 1264px; margin: 0 auto; padding: 20px 0; box-sizing: border-box; }

	.cpap-mega__main { display: flex; align-items: center; gap: 10px; }

	.cpap-mega__cards { flex: 1 1 703px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

	.cpap-mega__card {
		display: flex;
		align-items: center;
		gap: 20px;
		padding: 20px;
		border-radius: 10px;
		color: inherit;
		text-decoration: none;
	}
	.cpap-mega__card { background: #fff; transition: background-color .2s ease; }
	.cpap-mega__card:hover, .cpap-mega__card:focus-visible { background: #fecd44; }

	.cpap-mega__thumb { flex: 0 0 100px; width: 100px; height: 100px; border-radius: 10px; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
	.cpap-mega__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

	.cpap-mega__text { display: flex; flex-direction: column; gap: 10px; min-width: 0; line-height: 1.5; }
	.cpap-mega__text strong { font-size: 16px; font-weight: 600; }
	.cpap-mega__text span { font-size: 12px; font-weight: 400; }

	.cpap-mega__banner {
		flex: 0 0 560px;
		min-height: 290px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 10px;
		padding: 60px 20px;
		border-radius: 10px;
		background: #043146 center / cover no-repeat;
		color: #fff;
		text-align: center;
	}
	.cpap-mega__banner strong { font-size: 24px; font-weight: 600; line-height: 1.5; }
	.cpap-mega__banner > span { font-size: 12px; }
	.cpap-mega__btn { display: inline-block; padding: 15px 20px; background: #fecd44; color: #000; font-size: 12px; font-weight: 600; line-height: 1.25; text-decoration: none; }
	.cpap-mega__btn:hover { background: #feb62c; }
}

/* Prevent horizontal page scroll caused by off-canvas elements (sliders etc.). clip keeps sticky/fixed behaviour intact. */
html, body { overflow-x: clip; }