/*
Theme Name: DUGO Child
Template: twentytwentyfive
Description: Thème enfant de Twenty Twenty-Five pour DUGO SNACK.
Author: Jérôme Courcoux
Version: 1.0.0
*/

/* ==========================================================
   Grille carrée type "Avocado Grill" — page d'accueil
   Classe à ajouter sur le Group block (variation Grid, mode Manual, 4 colonnes)
   ========================================================== */

.dugo-square-grid {
	grid-auto-rows: auto;
}

/* Carré par défaut (1 colonne x 1 ligne) — s'adapte tout seul si la largeur
   de colonne change (responsive natif du Grid block WP 7.0), pas de valeur
   px codée en dur à recalculer. */
.dugo-square-grid > * {
	aspect-ratio: 1 / 1;
	min-height: 0;
	overflow: hidden;
}

/* À ajouter sur les blocs en span 2 colonnes x 1 ligne (ex. bandeau réservation/CTA) */
.dugo-square-grid > .dugo-span-2x1 {
	aspect-ratio: 2 / 1;
}

/* Les blocs en span 2x2 restent en ratio 1:1 par défaut — aucune classe supplémentaire nécessaire */

/* Bouton "Nous parler" — icône téléphone en CSS, pas d'image séparée,
   pour que le clic sur l'icône ET le texte déclenche le même lien tel: */
.dugo-btn-phone {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.dugo-btn-phone::before {
	content: "";
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	background-color: currentColor;
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24 11.3 11.3 0 0 0 3.54.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.3 11.3 0 0 0 .57 3.54 1 1 0 0 1-.25 1.01l-2.2 2.24z'/></svg>");
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24 11.3 11.3 0 0 0 3.54.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.3 11.3 0 0 0 .57 3.54 1 1 0 0 1-.25 1.01l-2.2 2.24z'/></svg>");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

/* Stack complet en dessous du breakpoint tablette de Twenty Twenty-Five (782px) */
@media (max-width: 781px) {
	.dugo-square-grid {
		grid-template-columns: 1fr !important;
		grid-auto-rows: auto !important;
	}
	.dugo-square-grid > * {
		grid-column: auto !important;
		grid-row: auto !important;
	}
}