/*
Theme Name: Lovelie Moore
Theme URI: https://cyveaya.ai
Author: Dr. Lovelie Moore
Description: Original child theme of Twenty Twenty-Five for the personal brand, research, author and speaking platform of Dr. Lovelie Moore. Premium editorial design system: deep midnight navy, warm ivory, copper accent; Libre Baskerville display type with Manrope body.
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lovelie-moore
*/

/*
 * Main visual styling lives in assets/css/main.css (enqueued from functions.php)
 * and design tokens live in theme.json. This file holds the theme header and
 * small global resets only, so the parent theme is never modified.
 */

/*
 * Overlay fix: backdrop-filter on the header creates a containing block that
 * traps the fixed-position mobile menu inside the header box. Release it
 * while the navigation overlay is open so the menu covers the full viewport.
 */
.wp-block-navigation__responsive-container.is-menu-open {
	position: fixed;
	inset: 0;
	height: 100vh;
	height: 100dvh;
	z-index: 100000;
}

.lm-header:has(.wp-block-navigation__responsive-container.is-menu-open) {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	transform: none !important;
}

/*
 * Pillar cards: WordPress flow-layout sibling margins leak into the CSS grid,
 * shifting cards 2-3 down by the block gap. Keep all three flush.
 */
.lm-pillars > * {
	margin-block-start: 0;
}