/*
Theme Name: Locale
Author: Michael Etokakpan
Author URI: https://profiles.wordpress.org/micahele/
Description: A block-native (Full Site Editing) directory & listings theme built for Directorist. Ready-to-import sample directory content is included for local testing. Add booking via the Directorist booking extension.
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: locale
Tags: full-site-editing, one-column, custom-colors, custom-menu, featured-images, full-width-template, rtl-language-support, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Copyright (C) 2026 Michael Etokakpan
This program is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License as published by the Free Software
Foundation, either version 2 of the License, or (at your option) any later
version. See https://www.gnu.org/licenses/gpl-2.0.html for the full license text.
*/

/*
 * Core's navigation block only checks whether its own links overflow, not
 * whether the site logo and header buttons sharing the row leave it enough
 * room. Between roughly 600-780px that leaves the header wrapping into a
 * broken two-line layout instead of collapsing to the built-in hamburger.
 * This forces the hamburger open below that width so the row never wraps.
 */
@media (max-width: 780px) {
	.wp-block-navigation .wp-block-navigation__responsive-container-open {
		display: flex !important;
	}

	.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
}

/*
 * The nav block's overlayBackgroundColor/overlayTextColor attributes (set in
 * header.html and footer.html) handle the overlay's colors. This just adds
 * the layout and typography refinements those attributes don't cover.
 */
.wp-block-navigation__responsive-dialog {
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
}

.wp-block-navigation__responsive-container-close {
	width: 2.5rem;
	height: 2.5rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	margin-top: var(--wp--preset--spacing--40);
	gap: 0 !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	display: block;
	padding: var(--wp--preset--spacing--20) 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.25rem;
	font-weight: 700;
	text-decoration: none;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--primary) !important;
}