/*
Theme Name: LMABN
Theme URI: https://lmabn.de
Author: Ludmila Braun
Author URI: https://lmabn.de
Description: Persönliche Website von Ludmila Braun – Markenstrategie, Strategische Kommunikation, Business Design. Block-Theme.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lmabn
*/

/*
 * Haupt-Navigation: Burger-Umbruch früher als der WordPress-Standard.
 * WP klappt das Overlay-Menü erst bei 600px ein – das ist für kurze englische
 * Labels gedacht. Deutsche Labels ("Strategische Kommunikation") sind länger
 * und kollidieren mit dem Logo bereits deutlich früher. Wir ziehen den Umbruch
 * daher auf 900px vor.
 *
 * Zielauswahl bewusst über die POSITION (Navigation im <header>), nicht über
 * eine Klasse – so greift die Regel unabhängig davon, ob der Header-Template-
 * Teil aus der Datei oder aus einer DB-Anpassung stammt.
 *
 * >>> Breakpoint anpassen: den Wert 900px in der Media-Query unten ändern. <<<
 */
@media (max-width: 900px) {
	/* Burger-Button einblenden */
	header .wp-block-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
	/* Inline-Menü ausblenden, solange das Overlay geschlossen ist */
	header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open):not(.hidden-by-default) {
		display: none;
	}
}

/*
 * Footer-Menü: auf Mobil untereinander statt umbrechen.
 * Ebenfalls über die Position (Navigation im <footer>) adressiert.
 * Abstand aus der Spacing-Skala (theme.json), keine festen Pixel.
 * >>> Breakpoint anpassen: den Wert 600px unten ändern. <<<
 */
@media (max-width: 600px) {
	footer .wp-block-navigation .wp-block-navigation__container {
		flex-direction: column;
		gap: var(--wp--preset--spacing--20);
	}
}