/*
Theme Name: Piero Hosting
Theme URI: https://pierohosting.it/
Author: Piero Hosting
Author URI: https://pierohosting.it/
Description: Tema a blocchi leggero fatto in casa per i siti di Piero Hosting e dei suoi clienti. Nessun page builder, nessuna libreria esterna: solo blocchi nativi di WordPress. Pensato per essere velocissimo e semplice da usare.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: piero-theme
Tags: block-theme, full-site-editing, blog, business, one-column, wide-blocks, block-patterns
*/

/* Qui dentro SOLO cio' che l'editor non sa fare: tutto il resto sta in
   theme.json (colori, testi, spaziature) o nelle impostazioni dei blocchi.
   Il vestito del negozio e' in assets/woocommerce.css, caricato solo li'. */

/* Immagini, video e riquadri incorporati non escono mai dal contenitore. */
img, video, iframe { max-width: 100%; height: auto; }

/* Link del testo: sottolineatura discreta (l'editor regola solo il colore). */
.wp-block-post-content a:not(.wp-element-button) { text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .15s ease; }

/* Piccolo scatto dei pulsanti al passaggio del mouse. */
.wp-element-button, .wp-block-button__link { transition: transform .12s ease, background-color .15s ease; }
.wp-element-button:hover, .wp-block-button__link:hover { transform: translateY(-1px); }

/* Icona davanti ai pulsanti dei contatti: il blocco Pulsante non prevede icone. */
.ph-btn-whatsapp .wp-block-button__link, .ph-btn-telefono .wp-block-button__link, .ph-btn-mail .wp-block-button__link { display: inline-flex; align-items: center; gap: .5em; }
.ph-btn-whatsapp .wp-block-button__link::before, .ph-btn-telefono .wp-block-button__link::before, .ph-btn-mail .wp-block-button__link::before { content: ""; width: 1.05em; height: 1.05em; flex: 0 0 1.05em; background-color: currentColor; -webkit-mask: var(--ph-icona) center / contain no-repeat; mask: var(--ph-icona) center / contain no-repeat; }
.ph-btn-whatsapp { --ph-icona: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91C21.96 6.45 17.5 2 12.04 2zm5.8 14.16c-.24.68-1.42 1.31-1.95 1.35-.5.05-.97.23-3.27-.68-2.75-1.08-4.5-3.88-4.64-4.06-.14-.18-1.11-1.48-1.11-2.82 0-1.34.7-2 .95-2.27.25-.27.55-.34.73-.34.18 0 .37 0 .53.01.17.01.4-.06.62.48.24.57.8 1.97.87 2.11.07.14.12.3.02.48-.09.18-.14.3-.27.46-.14.16-.29.36-.41.48-.14.14-.28.29-.12.57.16.28.71 1.17 1.53 1.9 1.05.94 1.94 1.23 2.22 1.37.28.14.44.12.6-.07.16-.18.69-.8.87-1.08.18-.27.37-.23.62-.14.25.09 1.6.75 1.87.89.27.14.46.21.53.32.07.12.07.66-.17 1.34z"/></svg>'); }
.ph-btn-telefono { --ph-icona: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h3l2 5-2.5 1.5a12 12 0 0 0 6 6L16 13l5 2v3a2 2 0 0 1-2.2 2A16.5 16.5 0 0 1 4 5.2 2 2 0 0 1 6 3z"/></svg>'); }
.ph-btn-mail { --ph-icona: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></svg>'); }

/* Menu su telefono: il blocco Navigazione non ha impostazioni per il pannello
   a scomparsa, di serie le voci restano incollate al bordo destro. */
@media (max-width: 781px) {
	.wp-block-navigation__responsive-container.is-menu-open { padding: 1.25rem 1.25rem 2rem !important; background: var(--wp--preset--color--bianco, #fff); }
	.is-menu-open .wp-block-navigation__responsive-container-content, .is-menu-open .wp-block-navigation__container, .is-menu-open .wp-block-page-list { width: 100%; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; }
	.is-menu-open .wp-block-navigation__responsive-container-content { margin-top: 2.25rem; }
	.is-menu-open .wp-block-navigation-item { width: 100%; }
	.is-menu-open .wp-block-navigation-item__content { display: block; box-sizing: border-box; width: 100%; padding: 1rem .25rem !important; font-size: 20px; border-bottom: 1px solid rgba(11, 14, 17, .09); text-decoration: none; }
	.is-menu-open .wp-block-navigation-item__content:focus:not(:focus-visible) { outline: none; }
	/* L'ultima voce e' la chiamata all'azione: diventa un bottone. */
	.is-menu-open .wp-block-navigation-item:last-child .wp-block-navigation-item__content { margin-top: 1.5rem; padding: .95rem 1.2rem !important; border-bottom: 0; border-radius: 10px; text-align: center; font-weight: 600; background: var(--wp--preset--color--acqua, #A8C9C4); color: var(--wp--preset--color--notte, #16202B); }
	.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close { padding: .35rem; }
	.wp-block-navigation__responsive-container-open svg, .wp-block-navigation__responsive-container-close svg { width: 30px; height: 30px; }
}

/* Il blocco "parte del modello" non ha la spaziatura: senza questa riga resta
   una striscia bianca fra l'ultima sezione e il pie' di pagina. */
.wp-site-blocks > footer { margin-block-start: 0; }

/* Chi ha chiesto meno animazioni non le vede. */
@media (prefers-reduced-motion: reduce) { * { animation-duration: .01ms !important; transition-duration: .01ms !important; } }