/*-----------------------------------------------------------------------------
 Blocchi personalizzati – Box Esperienza / Attenzione / Consiglio + Sottotitolo
 Ottimizzato per frontend + editor
 -----------------------------------------------------------------------------*/

/* Box generici ------------------------------------------------------------- */
.editor-styles-wrapper .is-style-box-esperienza,
.editor-styles-wrapper .is-style-box-attenzione,
.editor-styles-wrapper .is-style-box-consiglio,
.is-style-box-esperienza,
.is-style-box-attenzione,
.is-style-box-consiglio {
	padding: 1.25em 2.375em;
	margin: 1.5rem 0;
	border-radius: 20px;
	box-shadow: 4px 14px 15px rgba(0,0,0,.5);
}

.editor-styles-wrapper .is-style-box-esperienza p,
.editor-styles-wrapper .is-style-box-attenzione p,
.editor-styles-wrapper .is-style-box-consiglio p,
.is-style-box-esperienza p,
.is-style-box-attenzione p,
.is-style-box-consiglio p {
	font-family: 'Merriweather', serif;
	font-style: italic;
	font-size: 1.6rem;
	line-height: 2.5rem;
	color: var(--color-text);
}

/* Varianti colore --------------------------------------------------------- */
.editor-styles-wrapper .is-style-box-esperienza,
.is-style-box-esperienza    { background: var(--color-uovo); color: var(--color-marrone); }

.editor-styles-wrapper .is-style-box-attenzione,
.is-style-box-attenzione    { background: var(--color-accent); }

.editor-styles-wrapper .is-style-box-consiglio,
.is-style-box-consiglio     { background: var(--color-secondary); }

/* Sottotitolo -------------------------------------------------------------- */
.editor-styles-wrapper .is-style-sottotitolo,
.is-style-sottotitolo {
	font-family: 'Merriweather', serif;
	font-style: italic;
	font-size: 1.6rem;
	line-height: 2.5rem;
	color: var(--color-marrone);
	margin: 1.5rem 0;
}