/*
Theme Name: Le Petit Bateau (child di Twenty Twenty-Five)
Template: twentytwentyfive
Version: 2.2
Description: Tema figlio personalizzato per Asilo Nido Le Petit Bateau — palette e tipografia ispirate al logo storico dell'asilo.
*/

/* Fix generale: le immagini dentro contenitori flex (es. la riga logo+menu in
   header, o la riga testo+foto nell'hero) hanno di default un min-width basato
   sulla loro dimensione intrinseca, che impedisce loro di restringersi o al
   contenitore di andare a capo correttamente su schermi piccoli. */
.wp-block-site-logo,
.is-layout-flex > .wp-block-image,
.is-layout-flex > figure {
	min-width: 0;
	flex-shrink: 1;
}

@media (max-width: 782px) {
	/* Bug ambiente: flex-wrap non funziona in modo affidabile su righe con
	   flex-basis espliciti su figli. Passare a flex-direction:column risolve
	   senza dipendere dal wrap automatico. */
	.hero-row {
		flex-direction: column !important;
	}
	.hero-row > * {
		flex-basis: auto !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media (max-width: 600px) {
	.wp-block-site-logo img {
		max-width: 100px;
	}

	/* Bug ambiente: dentro un contenitore flex, il pulsante hamburger del
	   blocco Navigation collassa a dimensione zero. display:block sul nav
	   risolve, e va benissimo perché sotto i 600px il nav mostra solo il
	   pulsante. */
	header.wp-block-template-part nav.wp-block-navigation {
		display: block !important;
	}

	/* Hamburger a sinistra, logo a destra, sulla stessa riga */
	header.wp-block-template-part .is-content-justification-space-between > .wp-block-site-logo {
		order: 2;
	}
	header.wp-block-template-part .is-content-justification-space-between > div:not(.wp-block-site-logo) {
		order: 1;
	}
}

/* Icona hamburger a 3 righe invece delle 2 di default */
.wp-block-navigation__responsive-container-open svg {
	display: none;
}
.wp-block-navigation__responsive-container-open {
	position: relative;
	width: 24px;
	height: 24px;
}
.wp-block-navigation__responsive-container-open::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 2px;
	background: currentColor;
	box-shadow: 0 -7px 0 currentColor, 0 7px 0 currentColor;
	transform: translateY(-50%);
}

/* Contatti visibili solo dentro il menu mobile (hamburger), nascosti nella barra desktop */
.header-contact-mobile-only {
	display: none;
}

@media (max-width: 781px) {
	.header-contact-mobile-only {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 16px 0;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		margin-top: 12px;
	}
}