/**
 * Faith Love Media — front-end overrides (Ollie child).
 */

/* --------------------------------------------------------------------------
   Header: stop social icons crowding the logo + hamburger on small screens
   -------------------------------------------------------------------------- */

@media (max-width: 781px) {
	.site-header .wp-block-social-links,
	header.wp-block-group .wp-block-social-links {
		display: none;
	}
}

/* --------------------------------------------------------------------------
   Mobile overlay menu
   -------------------------------------------------------------------------- */

.wp-block-navigation__responsive-container.is-menu-open.has-modal-open {
	padding: var(--wp--preset--spacing--medium, 1.5rem);
	background-color: var(--wp--preset--color--main, #000);
	color: var(--wp--preset--color--base, #fff);
}

/* Clearer hierarchy for top-level items */
.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content {
	font-weight: 600;
}

/* Submenus: indent + quieter weight so nested pages don't compete */
.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content {
	font-weight: 400;
	font-size: var(--wp--preset--font-size--small, 0.95rem);
	padding-top: 0.65rem;
	padding-bottom: 0.65rem;
}

/* Larger, easier submenu chevron hit area (Ollie already positions it) */
.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__submenu-icon {
	width: 3rem;
	min-height: 2.75rem;
}

/* Keep the open-menu button from looking lost next to the logo */
.site-header .wp-block-navigation__responsive-container-open,
header.wp-block-group .wp-block-navigation__responsive-container-open {
	flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   Hamburger / close button — brand orange on dark header (not Ollie white+blue)
   -------------------------------------------------------------------------- */

.site-header .wp-block-navigation__responsive-container-open,
.site-header .wp-block-navigation__responsive-container-close,
header.wp-block-group .wp-block-navigation__responsive-container-open,
header.wp-block-group .wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-close {
	background: var(--wp--preset--color--primary, #ec6c01);
	color: var(--wp--preset--color--base, #fff);
	border: none;
	border-radius: 4px;
	padding: 6px;
	box-shadow: none;
	outline: none;
}

.site-header .wp-block-navigation__responsive-container-open svg,
.site-header .wp-block-navigation__responsive-container-close svg,
header.wp-block-group .wp-block-navigation__responsive-container-open svg,
header.wp-block-group .wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-close svg {
	fill: currentColor;
	stroke: currentColor;
	color: inherit;
}

.site-header .wp-block-navigation__responsive-container-open:hover,
.site-header .wp-block-navigation__responsive-container-open:focus,
.site-header .wp-block-navigation__responsive-container-open:focus-visible,
.site-header .wp-block-navigation__responsive-container-close:hover,
.site-header .wp-block-navigation__responsive-container-close:focus,
.site-header .wp-block-navigation__responsive-container-close:focus-visible,
header.wp-block-group .wp-block-navigation__responsive-container-open:hover,
header.wp-block-group .wp-block-navigation__responsive-container-open:focus,
header.wp-block-group .wp-block-navigation__responsive-container-open:focus-visible,
.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-close:hover,
.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-close:focus,
.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-close:focus-visible {
	background: var(--wp--preset--color--primary, #ec6c01);
	color: var(--wp--preset--color--base, #fff);
	border: none;
	box-shadow: none;
	outline: 2px solid var(--wp--preset--color--tertiary, #fff6f4);
	outline-offset: 2px;
}