/**
 * Mega Menu — Style 5: Floating Glass
 *
 * A frosted, translucent bar with a blur backdrop and a hairline border. The
 * panel detaches and floats below with a rounded, glowing card. Designed to sit
 * over imagery or coloured sections.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

.captwiki-mega.captwiki-style-5 .captwiki-mega__bar {
	background: rgba( 255, 255, 255, 0.7 );
	-webkit-backdrop-filter: blur( 14px );
	backdrop-filter: blur( 14px );
	border: 1px solid rgba( 255, 255, 255, 0.6 );
	border-radius: 16px;
	box-shadow: 0 18px 40px -26px rgba( 17, 24, 39, 0.55 );
}

.captwiki-mega.captwiki-style-5 .captwiki-mega__link {
	border-radius: 10px;
}

.captwiki-mega.captwiki-style-5 .captwiki-mega__link:hover {
	color: var( --captwiki-mm-accent );
	background: rgba( 255, 255, 255, 0.6 );
}

.captwiki-mega.captwiki-style-5 .captwiki-mega__item.is-open .captwiki-mega__link,
.captwiki-mega.captwiki-style-5.captwiki-mega--hover .captwiki-mega__item--mega:hover .captwiki-mega__link {
	color: var( --captwiki-mm-accent );
	background: rgba( 255, 255, 255, 0.85 );
}

.captwiki-mega.captwiki-style-5 .captwiki-mega__panel {
	background: rgba( 255, 255, 255, 0.92 );
	-webkit-backdrop-filter: blur( 18px );
	backdrop-filter: blur( 18px );
	border: 1px solid rgba( 255, 255, 255, 0.7 );
	border-radius: 18px;
	box-shadow: 0 30px 60px -28px var( --captwiki-mm-accent );
	margin-top: 12px;
}

/* Detach the full-width panel slightly inside the bar edges for the float look. */
.captwiki-mega.captwiki-style-5 .captwiki-mega__item--full .captwiki-mega__panel {
	left: 8px;
	right: 8px;
	width: auto;
}
