/**
 * BE Academy Header Component Styles
 *
 * Overrides and enhancements for the header (mobile alignment, logo, backdrop).
 * Most layout uses Tailwind in header-main.php; this file covers custom logo and edge cases.
 *
 * @package BE_Academy
 * @since 1.0.0
 */

/* Custom logo: larger on mobile when set via WordPress Customizer */
.be-header .custom-logo-link img,
.be-header .custom-logo {
	height: 2.5rem;
	width: auto;
}

@media (min-width: 768px) {
	.be-header .custom-logo-link img,
	.be-header .custom-logo {
		height: 2.25rem;
	}
}

/* Mega panel: expand morph animation (content-based height) */
.be-mega-panel {
	transform-origin: top center;
	transition: transform 0.25s ease-out, opacity 0.2s ease-out;
}
.be-mega-panel.be-mega-closed {
	transform: scaleY(0.92);
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
}
.be-mega-panel.be-mega-open {
	transform: scaleY(1);
	opacity: 1;
	pointer-events: auto;
	overflow: visible;
}