/* =========================================================
   BLOCCHI WORDPRESS CON STILE SHARA
   Si scelgono nell'editor: seleziona il blocco → a destra "Stili".
   Icone: Avanzate → "Classi CSS aggiuntive" → per es. "icona-music".
   ========================================================= */

/* ---- Icone disponibili (classe → icona) ---- */
[class*="icona-"] { --icona: "\f069"; }
.icona-asterisk { --icona: "\f069"; }   /* asterisco */
.icona-music    { --icona: "\f001"; }   /* nota musicale */
.icona-heart    { --icona: "\f004"; }   /* cuore */
.icona-users    { --icona: "\f0c0"; }   /* persone */
.icona-user     { --icona: "\f007"; }   /* persona */
.icona-fire     { --icona: "\f06d"; }   /* fiamma */
.icona-pdf      { --icona: "\f1c1"; }   /* file PDF */
.icona-star     { --icona: "\f005"; }   /* stella */
.icona-calendar { --icona: "\f073"; }   /* calendario */
.icona-camera   { --icona: "\f030"; }   /* fotocamera */
.icona-video    { --icona: "\f03d"; }   /* video */
.icona-map      { --icona: "\f041"; }   /* segnaposto */
.icona-phone    { --icona: "\f095"; }   /* telefono */
.icona-envelope { --icona: "\f0e0"; }   /* email */
.icona-info     { --icona: "\f129"; }   /* info */
.icona-check    { --icona: "\f058"; }   /* spunta */
.icona-cogs     { --icona: "\f085"; }   /* ingranaggi */
.icona-location { --icona: "\f124"; }   /* freccia posizione */
.icona-gift     { --icona: "\f06b"; }   /* regalo */
.icona-book     { --icona: "\f02d"; }   /* libro */
.icona-paint    { --icona: "\f1fc"; }   /* pennello */
.icona-theatre  { --icona: "\f2bd"; }   /* utente cerchio */

/* ---- Pulsanti (blocco "Pulsanti") ---- */
.wp-block-button__link, .wp-block-button .wp-block-button__link {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 22px;
	border-radius: 5px; background: var(--c-brown, #533628); color: #fff;
	font: 600 14px/1.4 var(--font-body, 'Open Sans', sans-serif); text-transform: uppercase; text-decoration: none;
}
.wp-block-button__link:hover { background: var(--c-accent, #d9b151); color: var(--c-dark, #28221f); }
.wp-block-buttons { margin-bottom: var(--space-block, 20px); }

/* ---- Sezione Shara (Gruppo → stile "Sezione Shara") ---- */
.wp-block-group.is-style-shara-section { padding: var(--space-section, 30px) 0; }
.wp-block-group.is-style-shara-section :last-child { margin-bottom: 0; }

/* ---- Titolo con icona (Titolo → stile "Titolo con icona") ---- */
.wp-block-heading.is-style-shara-title {
	display: flex; align-items: center; justify-content: center; gap: 12px;
	margin: 0 0 var(--space-title, 20px); font-size: 20px; text-align: center;
}
.wp-block-heading.is-style-shara-title::before {
	content: var(--icona, "\f069"); flex: 1; padding-right: 2px; text-align: right;
	font: normal .9em/1 FontAwesome; color: var(--c-brown, #533628);
	background: linear-gradient(#cdbfa6, #cdbfa6) left center / calc(100% - 1.6em) 1px no-repeat;
}
.wp-block-heading.is-style-shara-title::after { content: ""; flex: 1; border-top: 1px solid #cdbfa6; box-shadow: 0 1px 0 rgba(255,255,255,.5); }

/* ---- Colonne ---- */
.wp-block-columns { display: flex; gap: 30px; margin-bottom: var(--space-block, 20px); align-items: stretch !important; }
.wp-block-column { flex: 1 1 0; min-width: 0; }
.wp-block-column > :last-child { margin-bottom: 0; }

/* ---- Card con icona (Gruppo → stile "Card con icona") ---- */
.wp-block-group.is-style-shara-card {
	display: flex; flex-direction: column; align-items: center; height: 100%;
	padding: 20px 0 0; text-align: center; background: #efe7d2; box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
.wp-block-group.is-style-shara-card::before {
	content: var(--icona, "\f069"); display: flex; align-items: center; justify-content: center;
	width: 80px; height: 80px; margin-bottom: 15px; border-radius: 50%;
	background: var(--c-sand, #96836a); color: #fff; font: normal 30px/1 FontAwesome; box-shadow: 0 0 0 4px rgba(255,255,255,.5);
}
.wp-block-group.is-style-shara-card h4 { margin: 0 0 10px; font-size: 14px; }
.wp-block-group.is-style-shara-card p { flex: 1; margin: 0 0 15px; padding: 0 20px; font-size: 13px; line-height: 24px; }
.wp-block-group.is-style-shara-card .wp-block-buttons { align-self: stretch; margin: 0; }
.wp-block-group.is-style-shara-card .wp-block-buttons .wp-block-button { flex: 1; }
.wp-block-group.is-style-shara-card .wp-block-buttons .wp-block-button__link {
	width: 100%; border-radius: 0; background: var(--c-sand, #96836a); font: 700 11px/1.4 var(--font-head, 'Roboto Slab', serif);
}
.wp-block-group.is-style-shara-card .wp-block-buttons .wp-block-button__link:hover { background: var(--c-brown, #533628); color: #fff; }

/* ---- Box con pulsante (Gruppo → stile "Box con pulsante") ---- */
.wp-block-group.is-style-shara-callout {
	display: flex; align-items: center; gap: 25px; padding: 20px 30px; margin-bottom: var(--space-block, 20px);
	background: #fbf4dc; color: var(--c-text, #5d5146); border-left: 3px solid var(--c-sand, #96836a); box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
.wp-block-group.is-style-shara-callout::before {
	content: var(--icona, "\f004"); flex: 0 0 56px; display: flex; align-items: center; justify-content: center;
	width: 56px; height: 56px; border-radius: 50%; background: var(--c-brown, #533628); color: #fff; font: normal 26px/1 FontAwesome;
}
.wp-block-group.is-style-shara-callout .wp-block-heading { flex: 1; margin: 0; }
.wp-block-group.is-style-shara-callout .wp-block-buttons { margin: 0; }
.wp-block-group.is-style-shara-callout .wp-block-button__link { padding: 10px 20px; font: 700 13px/1.4 var(--font-head, 'Roboto Slab', serif); }

/* ---- Fascia parallax (Copertina → stile "Fascia parallax Shara") ---- */
.wp-block-cover.is-style-shara-parallax { min-height: 0; padding: var(--space-parallax, 70px) 0; margin-bottom: var(--space-block, 20px); }
.wp-block-cover.is-style-shara-parallax .wp-block-cover__inner-container { width: 100%; max-width: var(--container, 1170px); padding: 0 15px; color: #f2eac0; }
.wp-block-cover.is-style-shara-parallax .wp-block-columns { align-items: center !important; margin: 0; }

/* ---- Citazione con foto (Gruppo → stile "Citazione con foto") ---- */
.wp-block-group.is-style-shara-citazione { display: flex; align-items: center; gap: 15px; }
.wp-block-group.is-style-shara-citazione .wp-block-image { flex: 0 0 70px; margin: 0; }
.wp-block-group.is-style-shara-citazione .wp-block-image img { width: 70px; height: 70px; object-fit: cover; border-radius: 50%; border: 3px solid rgba(255,255,255,.6); }
.wp-block-group.is-style-shara-citazione p { flex: 1; margin: 0; font-size: 13px; line-height: 22px; font-style: italic; }
.wp-block-cover .wp-block-group.is-style-shara-citazione p { color: #f2eac0; }

/* ---- Immagini e video ---- */
.wp-block-image { margin: 0 0 var(--space-block, 20px); }
.wp-block-image img { height: auto; }
.wp-block-embed { margin: 0 0 var(--space-block, 20px); }
.wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper { position: relative; aspect-ratio: 16 / 9; }
.wp-block-embed.wp-has-aspect-ratio iframe { position: absolute; inset: 0; width: 100%; height: 100%; }

/* ---- Pagine a tutta larghezza: i blocchi "a tutta larghezza" escono dal contenitore ---- */
.entry-fullwidth > .entry-content > .alignfull { max-width: none !important; width: 100vw; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
.entry-fullwidth > .entry-content > .wp-block-columns, .entry-fullwidth > .entry-content > .wp-block-group { box-sizing: border-box; }

@media (max-width: 781px) {
	.wp-block-columns { flex-wrap: wrap; gap: var(--space-block, 20px); }
	.wp-block-column { flex-basis: 100% !important; }
	.wp-block-group.is-style-shara-callout { flex-direction: column; text-align: center; }
}

/* Il contenitore interno che WordPress aggiunge ai Gruppi non deve cambiare l'impaginazione */
.wp-block-group[class*="is-style-shara-"] > .wp-block-group__inner-container,
.wp-block-group[class*="is-style-shara-"] > .block-editor-inner-blocks,
.wp-block-group[class*="is-style-shara-"] > .block-editor-inner-blocks > .block-editor-block-list__layout { display: contents; }
.wp-block-group.is-style-shara-section .wp-block-group__inner-container > :last-child { margin-bottom: 0; }