/*
Theme Name: DPSG Stamm
Theme URI: https://dpsg.de
Description: Ein datenschutzkonformes und barrierefreies Block Child-Theme für DPSG Stämme basierend auf Twenty Twenty-Four. Lokale Schriften (Roboto) und lokale Bilder.
Author: Eric Schümann
Author URI: https://schuemann.it
Template: twentytwentyfour
Version: 1.1.1
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: dpsg-stamm
*/

/* Custom CSS Falls-Back - The vast majority of styling will be handled by theme.json and Block Styles */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* -------------------------------------------------------------------------
   Logo-Größe Desktop
   ------------------------------------------------------------------------- */

.dpsg-header-logo,
.dpsg-header-logo img {
	max-width: 160px !important;
	width: 160px !important;
	height: auto !important;
}

/* -------------------------------------------------------------------------
   Mobile Navigation – Burger-Menü
   Twenty Twenty-Four blendet das Burger-Icon per Default erst bei schmalen
   Viewports ein, wenn die Navigation einen overflow erzeugt. Da wir eine
   eigene Header-Struktur (flex, nowrap) nutzen, erzwingen wir das Burger-
   Icon explizit für Mobilgeräte.
   ------------------------------------------------------------------------- */

/* Zeige das Burger-Toggle auf mobilen Geräten */
@media (max-width: 781px) {
	.wp-block-navigation__responsive-container-open {
		display: flex !important;
	}

	/* Verstecke die horizontale Link-Liste, solange das Menü nicht geöffnet ist */
	.wp-block-navigation__container {
		display: none !important;
	}

	/* Wenn das Menü geöffnet ist (JS fügt .is-menu-open hinzu) → alles einblenden */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		display: flex !important;
		flex-direction: column;
	}

	/* Schließen-Button im offenen Menü sichtbar machen */
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-close {
		display: flex !important;
	}

	/* Logo deutlich kleiner skalieren damit Burger-Icon daneben Platz hat */
	.dpsg-header-logo,
	.dpsg-header-logo img {
		max-width: 110px !important;
		width: 110px !important;
		height: auto !important;
	}
}