/*
Theme Name: Punto Assisi
Theme URI: https://www.scuolapuntoassisipalazzo.com
Author: Scuola Punto Assisi - Palazzo
Description: Tema a blocchi per la Scuola Punto Assisi - Palazzo. Identità costruita sul ricamo tradizionale: banda dei grifoni, filo ruggine, tela di lino.
Version: 1.1.3
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: punto-assisi
*/

/* ===== Firma del tema ===================================================== */

/* Effetto rilievo per il logo sull'header ricamato */
.logo-rilievo img {
	filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.40));
}

/* Divisore "a punto filza": la linea tratteggiata che evoca la cucitura.
   Si applica a un blocco Separatore aggiungendo la classe punto-filza. */
hr.punto-filza,
.punto-filza hr {
	border: none;
	border-top: 3px dashed var(--wp--preset--color--ruggine, #a6452b);
	width: 140px;
	max-width: 40%;
	margin-left: auto;
	margin-right: auto;
	background: none;
	height: 0;
}

/* Immagini della galleria: cornice sottile color tela, come un ricamo intelaiato */
.wp-block-gallery .wp-block-image img {
	border: 1px solid var(--wp--preset--color--tela, #eadfcd);
	box-shadow: 0 2px 8px rgba(31, 27, 24, 0.08);
}

/* Link del menu: sottolineatura a comparsa, niente colori urlati */
.wp-block-navigation a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* Accessibilità: focus visibile coerente con la palette */
:where(a, button, input, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--ruggine, #a6452b);
	outline-offset: 2px;
}

/* Rispetto della preferenza per il movimento ridotto */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}

/* Allineamenti classici (per i contenuti Elementor in transizione) */
.alignright { float: right; margin: 0.5em 0 1em 1.5em; }
.alignleft { float: left; margin: 0.5em 1.5em 1em 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) {
  .alignright, .alignleft { float: none; margin: 1em auto; display: block; }
}

/* Le pagine Elementor gestiscono da sole la propria larghezza (1140px),
   sfuggendo al vincolo di lettura (760px) delle pagine a blocchi */
.wp-block-post-content > .elementor { max-width: none; }
main .wp-block-post-content:has(> .elementor) { max-width: none; }