/* Movimenti MEL. Ritmo «Sobrio». Cambia solo queste tre variabili per rendere tutto più lento o marcato. */
:root{--mel-dur:.5s;--mel-dist:16px;--mel-ease:cubic-bezier(.22,.61,.36,1)}

[class*="mel-in-"],[class*="mel-hv-"],[class*="mel-pg-"]{transition:opacity var(--mel-dur) var(--mel-ease),transform var(--mel-dur) var(--mel-ease),box-shadow var(--mel-dur) var(--mel-ease),background-color var(--mel-dur) var(--mel-ease),clip-path calc(var(--mel-dur) * 1.5) var(--mel-ease)}

/* INGRESSO: si nasconde solo se il JS è attivo, così senza JS il contenuto resta visibile */
.mel-js .mel-in-up:not(.is-visible){opacity:0;transform:translateY(var(--mel-dist))}
.mel-js .mel-in-fade:not(.is-visible){opacity:0}
.mel-js .mel-in-scale:not(.is-visible){opacity:0;transform:scale(.94)}
.mel-js .mel-in-left:not(.is-visible){opacity:0;transform:translateX(calc(var(--mel-dist) * -2))}
.mel-js .mel-in-right:not(.is-visible){opacity:0;transform:translateX(calc(var(--mel-dist) * 2))}
.mel-js .mel-in-clip:not(.is-visible){clip-path:inset(0 0 100% 0)}
.mel-in-clip.is-visible{clip-path:inset(0 0 0 0)}
/* cascata: i figli entrano uno dopo l'altro */
.mel-in-stagger>*{transition:opacity var(--mel-dur) var(--mel-ease),transform var(--mel-dur) var(--mel-ease)}
.mel-js .mel-in-stagger:not(.is-visible)>*{opacity:0;transform:translateY(var(--mel-dist))}
.mel-in-stagger.is-visible>*:nth-child(2){transition-delay:calc(var(--mel-dur) * .22)}
.mel-in-stagger.is-visible>*:nth-child(3){transition-delay:calc(var(--mel-dur) * .44)}
.mel-in-stagger.is-visible>*:nth-child(4){transition-delay:calc(var(--mel-dur) * .66)}
.mel-in-stagger.is-visible>*:nth-child(5){transition-delay:calc(var(--mel-dur) * .88)}
.mel-in-stagger.is-visible>*:nth-child(n+6){transition-delay:calc(var(--mel-dur) * 1.1)}

/* INTERAZIONE */
.mel-hv-lift:hover .wp-block-button__link,.wp-block-button.mel-hv-lift:hover .wp-block-button__link,.mel-hv-lift .wp-block-button__link:focus-visible{transform:translateY(-3px);box-shadow:0 10px 22px rgba(18,18,18,.16)}
.mel-hv-lift .wp-block-button__link{transition:transform calc(var(--mel-dur) * .6) var(--mel-ease),box-shadow calc(var(--mel-dur) * .6) var(--mel-ease)}
.mel-hv-arrow .mel-arrow{display:inline-block;transition:transform calc(var(--mel-dur) * .6) var(--mel-ease)}
.mel-hv-arrow:hover .mel-arrow,.mel-hv-arrow .wp-block-button__link:focus-visible .mel-arrow{transform:translateX(6px)}
.mel-hv-card:hover{transform:translateY(-6px);box-shadow:0 16px 30px rgba(18,18,18,.14)}
.mel-hv-tint:hover{background-color:#DAE7FE!important}
.mel-hv-tilt:hover{transform:rotate(-5deg) scale(1.05)}
.mel-hv-underline .wp-block-navigation-item__content{position:relative}
.mel-hv-underline .wp-block-navigation-item__content::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform calc(var(--mel-dur) * .7) var(--mel-ease)}
.mel-hv-underline .wp-block-navigation-item__content:hover::after,.mel-hv-underline .wp-block-navigation-item__content:focus-visible::after{transform:scaleX(1);transform-origin:left}

/* PAGINA */
.mel-pg-header{position:sticky;top:0;z-index:50;background-color:#FAF9F5}
.mel-pg-header.is-scrolled{box-shadow:0 6px 16px rgba(18,18,18,.10)}
.admin-bar .mel-pg-header{top:32px}
/* v3.9.3 — l'header resta fisso allo scroll: lo "sticky" va sul contenitore della parte (header.wp-block-template-part), altrimenti l'header interno resta bloccato nel suo contenitore e scorre via */
.wp-site-blocks>header.wp-block-template-part{position:sticky;top:0;z-index:50;background-color:#FAF9F5}
.wp-site-blocks>header.wp-block-template-part .mel-pg-header{position:relative;top:auto}
.admin-bar .wp-site-blocks>header.wp-block-template-part{top:32px}
@media (max-width:782px){.admin-bar .wp-site-blocks>header.wp-block-template-part{top:46px}}
@media (max-width:600px){.admin-bar .wp-site-blocks>header.wp-block-template-part{top:0}}
.mel-pg-parallax{overflow:hidden}
.mel-pg-parallax img{transform:scale(1.08);transition:none;will-change:transform}

@media (prefers-reduced-motion:reduce){[class*="mel-in-"],[class*="mel-in-"]>*,[class*="mel-hv-"],[class*="mel-pg-"],.mel-arrow{transition:none!important;animation:none!important}
 .mel-js .mel-in-up:not(.is-visible),.mel-js .mel-in-fade:not(.is-visible),.mel-js .mel-in-scale:not(.is-visible),.mel-js .mel-in-left:not(.is-visible),.mel-js .mel-in-right:not(.is-visible),.mel-js .mel-in-clip:not(.is-visible),.mel-js .mel-in-stagger:not(.is-visible)>*{opacity:1;transform:none;clip-path:none}}

/* v1.5 — card native con decorazione */
.wp-block-column{box-sizing:border-box}
.mel-h-narrow{max-width:820px;margin-left:auto;margin-right:auto}
.mel-card-deco{position:relative;overflow:hidden;box-sizing:border-box;max-width:1200px}
.mel-card-deco>*{position:relative;z-index:1}
.mel-card-deco::after{content:"";position:absolute;right:0;top:0;bottom:auto;opacity:.7;background-color:#A9C8FC;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:right top;mask-position:right top;pointer-events:none;z-index:0}
.mel-card-deco--azzurra::after{width:205px;height:420px;-webkit-mask-image:url(/wp-content/uploads/2026/09/decorazione-cta-quali-condizioni.svg);mask-image:url(/wp-content/uploads/2026/09/decorazione-cta-quali-condizioni.svg)}
.mel-card-deco--finale::after{width:198px;height:405px;-webkit-mask-image:url(/wp-content/uploads/2026/09/decorazione-cta-finale.svg);mask-image:url(/wp-content/uploads/2026/09/decorazione-cta-finale.svg)}
@media (max-width:781px){.mel-card-deco::after{display:none}.mel-card-deco{padding-left:24px!important;padding-right:24px!important}}
.mel-logo img{max-width:100%;height:auto}@media(max-width:781px){.mel-logo{max-width:55vw}}

/* v1.7 — evidenziazioni come Figma (sottolineatura spessa) */
.mel-hl-y,.mel-hl-b{text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:-.34em;text-decoration-thickness:.62em}
.mel-hl-y{text-decoration-color:#fbcd80}
.mel-hl-b{text-decoration-color:#c6dafd;text-decoration-thickness:.6em}
strong{font-weight:700}
/* footer */
.mel-footer{border-top:1px solid #e5e5e0}
.mel-footer a{color:#121212;text-decoration:none}
.mel-footer a[href^="mailto"]{text-decoration:underline}
.mel-footer a:hover{text-decoration:underline}
.mel-footer p{margin:0}
.mel-footer-col{flex-shrink:0}
@media (max-width:781px){.mel-footer-cols{gap:32px!important}}
.mel-lead-760{max-width:760px;margin-left:auto;margin-right:auto}

/* Riempimento nero dal basso (pulsanti) */
.mel-hv-fill .wp-block-button__link,.mel-hv-fill.wp-block-button .wp-block-button__link{position:relative;overflow:hidden;z-index:0;transition:color calc(var(--mel-dur) * .6) var(--mel-ease)}
.mel-hv-fill .wp-block-button__link::before{content:"";position:absolute;left:0;right:0;bottom:0;height:0;background:#121212;z-index:-1;transition:height calc(var(--mel-dur) * .7) var(--mel-ease)}
.mel-hv-fill .wp-block-button__link:hover,.mel-hv-fill .wp-block-button__link:focus-visible{color:#FAF9F5!important}
.mel-hv-fill .wp-block-button__link:hover::before,.mel-hv-fill .wp-block-button__link:focus-visible::before{height:100%}

/* ===== v1.9 — nuovi movimenti ===== */
/* INGRESSO */
.mel-js .mel-in-blur:not(.is-visible){opacity:0;filter:blur(10px);transform:translateY(calc(var(--mel-dist) * .5))}
.mel-in-blur{transition:opacity var(--mel-dur) var(--mel-ease),filter calc(var(--mel-dur) * 1.3) var(--mel-ease),transform var(--mel-dur) var(--mel-ease)}
.mel-js .mel-in-zoomout:not(.is-visible){opacity:0;transform:scale(1.12)}
.mel-in-zoomout{transition:opacity var(--mel-dur) var(--mel-ease),transform calc(var(--mel-dur) * 2) var(--mel-ease);overflow:hidden}
.mel-js .mel-in-pop:not(.is-visible){opacity:0;transform:scale(.6)}
.mel-in-pop.is-visible{animation:mel-pop calc(var(--mel-dur) * 1.2) var(--mel-ease) both}
@keyframes mel-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06);opacity:1}100%{transform:scale(1);opacity:1}}
.mel-in-marker .mel-hl-y,.mel-in-marker .mel-hl-b{transition:text-decoration-color calc(var(--mel-dur) * 1.6) var(--mel-ease) .15s}
.mel-js .mel-in-marker:not(.is-visible) .mel-hl-y,.mel-js .mel-in-marker:not(.is-visible) .mel-hl-b{text-decoration-color:transparent}
/* INTERAZIONE */
.mel-hv-grow:hover{transform:scale(1.04)}
.mel-hv-glow .wp-block-button__link{transition:box-shadow calc(var(--mel-dur) * .7) var(--mel-ease)}
.mel-hv-glow .wp-block-button__link:hover,.mel-hv-glow .wp-block-button__link:focus-visible{box-shadow:0 0 0 6px rgba(249,187,88,.35),0 8px 24px rgba(249,187,88,.45)}
.mel-hv-shine .wp-block-button__link{position:relative;overflow:hidden}
.mel-hv-shine .wp-block-button__link::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:none;pointer-events:none}
.mel-hv-shine .wp-block-button__link:hover::after,.mel-hv-shine .wp-block-button__link:focus-visible::after{left:130%;transition:left calc(var(--mel-dur) * 1.4) var(--mel-ease)}
.mel-hv-zoomimg{overflow:hidden}
.mel-hv-zoomimg img{transition:transform calc(var(--mel-dur) * 2) var(--mel-ease)}
.mel-hv-zoomimg:hover img{transform:scale(1.06)}
/* PAGINA */
.mel-progress{position:fixed;left:0;top:0;height:3px;width:0;background:#F9BD4F;z-index:100;pointer-events:none}
.admin-bar .mel-progress{top:32px}
@media (prefers-reduced-motion:reduce){.mel-in-pop.is-visible{animation:none}.mel-js .mel-in-blur:not(.is-visible),.mel-js .mel-in-zoomout:not(.is-visible),.mel-js .mel-in-pop:not(.is-visible){opacity:1;transform:none;filter:none}}

.mel-card-deco h2,.mel-card-deco .wp-block-heading{text-align:center}
/* v2.2 — CTA con decorazione più piccola (pagine interne) */
.mel-card-deco--finale-sm::after{width:161px;height:329px;-webkit-mask-image:url(/wp-content/uploads/2026/09/decorazione-cta-finale.svg);mask-image:url(/wp-content/uploads/2026/09/decorazione-cta-finale.svg)}
.mel-scene-ph{box-sizing:border-box}
@media (max-width:781px){.mel-card-deco--finale-sm::after{display:none}}

/* v2.3 — card che si sormontano allo scroll (effetto "stack") */
@media all{
.mel-pg-stack>*{position:sticky;top:var(--mel-stack-top,140px);transform-origin:50% 0;will-change:transform}
.mel-pg-stack>*:nth-child(1){--i:0}.mel-pg-stack>*:nth-child(2){--i:1}.mel-pg-stack>*:nth-child(3){--i:2}.mel-pg-stack>*:nth-child(4){--i:3}
.mel-pg-stack>*:nth-child(5){--i:4}.mel-pg-stack>*:nth-child(6){--i:5}.mel-pg-stack>*:nth-child(7){--i:6}.mel-pg-stack>*:nth-child(8){--i:7}.mel-pg-stack>*:nth-child(n+9){--i:8}
.mel-pg-stack>*{box-shadow:0 -6px 24px rgba(18,18,18,.06)}
@media (prefers-reduced-motion:reduce){.mel-pg-stack>*{transition:none}}
}

/* v2.4 — header mobile: solo fumetti + burger */
.mel-logo-mobile{display:none;margin:0}
.mel-nav-cta,.mel-pg-header .wp-block-navigation .wp-block-navigation-item.mel-nav-cta{display:none!important}
@media (max-width:1099px){
 .mel-logo-desktop,.mel-header-btn{display:none!important}
 .mel-logo-mobile{display:block!important}
 .mel-pg-header{padding-left:1rem!important;padding-right:1rem!important;padding-top:.75rem!important;padding-bottom:.75rem!important}
 /* burger già da tablet verticale */
 .mel-pg-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
 .mel-pg-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open{background:#FAF9F5;color:#121212}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:1rem;align-items:flex-start}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:20px;font-weight:500}
 .mel-nav-cta,.mel-pg-header .wp-block-navigation .wp-block-navigation-item.mel-nav-cta{display:block!important}
 .mel-nav-cta .wp-block-navigation-item__content{background:#F9BD4F;color:#121212;border-radius:999px;padding:12px 26px;font-weight:600;font-size:16px}
}

/* v2.5 — menu mobile a tutto schermo, ordinato */
@media (max-width:1099px){
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open{padding:0!important;background:#FAF9F5!important;color:#121212!important}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open::before{content:"";position:absolute;left:1rem;top:.75rem;width:48px;height:56px;background:url(/wp-content/uploads/2026/09/solo_fumetti_favicon.png) no-repeat left center/contain;z-index:1}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close{max-width:none;margin:0;height:100%}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{margin:0;padding:0;height:100%}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{position:absolute;top:.75rem;right:1rem;width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;background:#F1F4FB;border-radius:999px;color:#121212}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg{width:22px;height:22px}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding:96px 1.5rem 2rem!important;height:100%;box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;align-items:stretch}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{width:100%;gap:0!important;align-items:stretch!important;flex-direction:column;display:flex}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{width:100%;border-bottom:1px solid #E5E5E0;display:block}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{display:block;padding:18px 0;font-family:var(--wp--preset--font-family--jost,Jost,sans-serif);font-size:22px;line-height:1.2;font-weight:500;color:#121212;text-decoration:none}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.mel-nav-cta{border-bottom:0;margin-top:28px}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .mel-nav-cta .wp-block-navigation-item__content{display:block;text-align:center;padding:16px 26px;background:#F9BD4F;border-radius:999px;font-size:17px;font-weight:600}
 .mel-pg-header .mel-hv-underline .wp-block-navigation-item__content::after{display:none}
}

/* FAQ accordion (v3.3) */
.wp-block-details.mel-faq{border-bottom:1px solid #dbdee5;padding:22px 0}
.wp-block-details.mel-faq:first-child{padding-top:0}
.wp-block-details.mel-faq:last-child{border-bottom:0;padding-bottom:0}
.mel-faq summary{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;list-style:none;cursor:pointer;font-family:var(--wp--preset--font-family--jost,Jost,sans-serif);font-weight:600;font-size:21px;line-height:28px;color:#121212}
.mel-faq summary::-webkit-details-marker{display:none}
.mel-faq summary::marker{content:""}
.mel-faq summary::after{content:"+";flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid #121212;font-weight:400;font-size:18px;line-height:1;transition:background-color .2s}
.mel-faq[open] summary::after{content:"\2212";background:#F9BD4F;border-color:#F9BD4F}
.mel-faq>*:not(summary){margin-top:14px;margin-bottom:0}
.mel-faq>p+p,.mel-faq>p+ul,.mel-faq>ul+p{margin-top:14px}
.mel-faq ul{padding-left:1.2em}

/* cascata per figlio (v3.5): ogni figlio compare quando entra nello schermo */
.mel-js .mel-st>*:not(.is-visible){opacity:0;transform:translateY(var(--mel-dist))}
.mel-st.is-visible>*{transition:opacity var(--mel-dur) var(--mel-ease),transform var(--mel-dur) var(--mel-ease)}
@media (prefers-reduced-motion:reduce){.mel-js .mel-st>*:not(.is-visible){opacity:1;transform:none}}
.mel-st.is-visible>*:nth-child(n){transition-delay:0s}

/* menu mobile (v3.9.4): sottomenu Risorse come sottogruppo ordinato, CTA centrata */
@media (max-width:1099px){
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .has-child>.wp-block-navigation-item__content{padding-bottom:6px!important}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 0 14px!important;margin:0!important;min-width:0!important;width:100%!important;box-sizing:border-box;gap:0!important}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item{border-bottom:0!important;width:100%}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{display:block!important;width:auto!important;margin:0!important;padding:8px 0!important;font-size:18px!important;color:#5A5A55}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .mel-nav-cta{margin-top:24px}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .mel-nav-cta .wp-block-navigation-item__content{display:flex!important;align-items:center;justify-content:center;min-height:56px;padding:0 26px!important;box-sizing:border-box;width:100%}
}
@media (max-width:1099px){
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open{--navigation-layout-justification-setting:flex-start;--navigation-layout-justify:flex-start}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{align-items:flex-start!important;text-align:left}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .mel-nav-cta{align-items:stretch!important}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container{padding-left:16px!important}
}

/* v3.9.5: correzioni responsive (titoli grandi, Contatti, card a 2 colonne su tablet, aree di tocco 44px, URL lunghi) */

/* 1. Display headings: fluid size under 782px so long Italian words fit (no page scroll, no clipped CTA titles, no mid-word breaks) */
@media (max-width: 781px) {
	main :is(h1, h2).wp-block-heading:is([style*="font-size:72px"], [style*="font-size:60px"], [style*="font-size:3.75rem"], [style*="font-size:54px"], [style*="font-size:52px"], [style*="font-size:3.25rem"], [style*="font-size:3.125rem"]) {
		font-size: clamp(1.875rem, 0.9rem + 5.2vw, 2.75rem) !important;
		line-height: 1.12 !important;
	}
	main h2.wp-block-heading:is([style*="font-size:48px"], [style*="font-size:2rem"], [style*="font-size:3rem"], [style*="font-size:44px"], [style*="font-size:2.75rem"], [style*="font-size:40px"]) {
		font-size: clamp(1.625rem, 1rem + 3.2vw, 2.25rem) !important;
		line-height: 1.18 !important;
	}
	main :is(h1, h2, h3).wp-block-heading {
		hyphens: auto;
		-webkit-hyphens: auto;
	}
}

/* 1b. Two-column heroes (Chi sono 209: H1 60px in a 56.5% column) between 782 and 1023px */
@media (min-width: 782px) and (max-width: 1023px) {
	main .wp-block-column h1.wp-block-heading:is([style*="font-size:60px"], [style*="font-size:54px"]) {
		font-size: 2.5rem !important;
		line-height: 1.12 !important;
	}
	/* rows of 3-4 card columns (Cosa faccio 144, Come lavoro 181) become 2 per row instead of 120-170px wide cards */
	.wp-block-columns:has(> .wp-block-column:nth-child(3)) {
		flex-wrap: wrap !important;
	}
	.wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column {
		flex-basis: calc(50% - 2rem) !important;
		flex-grow: 1 !important;
	}
}

/* 2. Contatti (223): 480px column + form column side by side is too tight between 782 and 1100px: stack them */
@media (min-width: 782px) and (max-width: 1100px) {
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:480px"]) {
		flex-wrap: wrap !important;
	}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:480px"]) > .wp-block-column {
		flex-basis: 100% !important;
	}
}

/* 3. Header: burger fino a 1099px (media query del menu sopra), header compatto fino a 1180px */
@media (min-width: 1100px) and (max-width: 1180px) {
	.mel-logo-desktop img { width: 170px !important; }
	.mel-pg-header .wp-block-navigation__container { gap: 18px; }
}

/* 4. Tap targets >= 44px */
.mel-pg-header .wp-block-navigation__responsive-container-open {
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
}
/* pill links (Risorse 217, FAQ 226): the whole 38px pill becomes the target, at least 44px tall */
.wp-block-group[style*="border-radius:999px"][style*="padding-top:10px"]:has(a) {
	position: relative;
	min-height: 44px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.wp-block-group[style*="border-radius:999px"][style*="padding-top:10px"] a::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
}
@media (max-width: 781px) {
	.mel-footer-col { gap: 0 !important; }
	.mel-footer-col p a,
	.mel-footer > .wp-block-group:last-child p a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}
	main p.has-jost-font-family > a:only-child:not(.wp-element-button) {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}
}

/* 5. Long URLs in article source lists and the e-mail address must wrap instead of widening the page */
.mel-articolo li a,
a[href^="mailto:"] {
	overflow-wrap: anywhere;
}

/* 6. Case pages: 200px rotated post-it in the 28% hero column overflows the column at 782-1023px */
@media (min-width: 782px) and (max-width: 1023px) {
	.wp-block-column div[style*="width:200px;height:200px"] {
		zoom: 0.8;
	}
}
.mel-ris-form :is(input,button){min-height:44px}
@media (min-width:782px) and (max-width:1023px){main .wp-block-column h1.wp-block-heading[style*="font-size:3.125rem"]{font-size:2.5rem!important}}

/* 3.9.8: allo scroll su desktop l'header si contrae e il logo intero sfuma nei soli fumetti (dissolvenza incrociata, senza scatti) */
@media (min-width:1100px){
	.mel-pg-header{transition:padding .35s ease,box-shadow .35s ease}
	.mel-pg-header.is-scrolled{padding-top:.75rem!important;padding-bottom:.75rem!important}
	.mel-pg-header>.wp-block-group{position:relative}
	.mel-pg-header .mel-logo-desktop{transform-origin:left center;transition:opacity .35s ease,transform .35s ease,visibility 0s linear 0s}
	.mel-pg-header .mel-logo-mobile{display:block!important;position:absolute;left:0;top:50%;opacity:0;visibility:hidden;transform:translateY(-50%) scale(.6);transform-origin:left center;transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}
	.mel-pg-header.is-scrolled .mel-logo-desktop{opacity:0;visibility:hidden;transform:scale(.5);transition:opacity .3s ease,transform .35s ease,visibility 0s linear .35s}
	.mel-pg-header.is-scrolled .mel-logo-mobile{opacity:1;visibility:visible;transform:translateY(-50%) scale(1);transition:opacity .35s ease .05s,transform .35s ease,visibility 0s linear 0s}
}
@media (min-width:1100px) and (prefers-reduced-motion:reduce){
	.mel-pg-header,.mel-pg-header .mel-logo-desktop,.mel-pg-header .mel-logo-mobile{transition:none!important}
}

/* 3.9.7: righe testo+illustrazione con colonne a larghezza fissa (560px + 220px, es. Home "Perché queste difficoltà si ripetono?") centrate nella pagina */
.wp-block-columns:has(> .wp-block-column[style*="flex-basis:560px"]):has(> .wp-block-column[style*="flex-basis:220px"]){justify-content:center}
/* 3.9.9: su mobile, quando le colonne vanno in pila, l'illustrazione (220px) sta sempre sopra il suo testo, anche nelle righe che su desktop la hanno a destra */
@media (max-width:781px){
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:560px"]) > .wp-block-column[style*="flex-basis:220px"]{order:-1}
}
/* 3.9.10 TEMPORANEO: sotto 1100px si usa il logo intero al posto dei soli fumetti (per tornare indietro basta togliere questo blocco) */
@media (max-width:1099px){
	.mel-pg-header .mel-logo-desktop{display:block!important}
	.mel-pg-header .mel-logo-mobile{display:none!important}
	.mel-pg-header .mel-logo-desktop img{width:170px!important;max-width:100%}
}
@media (max-width:420px){
	.mel-pg-header .mel-logo-desktop img{width:150px!important}
}
/* 3.9.11: hero della Home su mobile, la foto va subito dopo il sottotitolo (occhiello, H1, sottotitolo, foto, testi, pulsante) */
@media (max-width:781px){
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:52.33%"]):has(> .wp-block-column[style*="flex-basis:41.67%"]){row-gap:0!important}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:41.67%"]) > .wp-block-column[style*="flex-basis:52.33%"]{display:contents}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:41.67%"]) > .wp-block-column[style*="flex-basis:52.33%"] > *{flex:0 0 100%;max-width:100%;order:3}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:41.67%"]) > .wp-block-column[style*="flex-basis:52.33%"] > :nth-child(-n+3){order:1}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:52.33%"]) > .wp-block-column[style*="flex-basis:41.67%"]{order:2;margin:1.25rem 0 .5rem!important}
}

/* 3.9.12: testimonianze della Home a nastro che scorre (vedi assets/mel-quotes.js) */
.mel-quotes{position:relative}
.mel-quotes .wp-block-columns.mel-quotes__track{display:flex!important;flex-wrap:nowrap!important;gap:24px!important;overflow-x:auto;scrollbar-width:none;cursor:grab;margin:0;align-items:stretch;
	-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%)}
.mel-quotes__track::-webkit-scrollbar{display:none}
.mel-quotes.is-dragging .mel-quotes__track{cursor:grabbing;user-select:none}
.mel-quotes .mel-quotes__track>.wp-block-column{flex:0 0 360px!important;max-width:360px;min-height:0!important;margin:0!important}
@media (max-width:781px){.mel-quotes .mel-quotes__track>.wp-block-column{flex-basis:82vw!important;max-width:82vw}}
.mel-quotes__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:999px;background:#faf9f5;color:#121212;font-size:28px;line-height:1;box-shadow:0 2px 10px rgba(18,18,18,.18);cursor:pointer;opacity:0;transition:opacity .2s ease;z-index:2}
.mel-quotes__prev{left:8px}.mel-quotes__next{right:8px}
.mel-quotes:hover .mel-quotes__nav,.mel-quotes__nav:focus-visible{opacity:1}
.mel-quotes__nav:hover{background:#f9bd4f}
.mel-quotes__nav:focus-visible{outline:2px solid #121212;outline-offset:2px}
@media (hover:none){.mel-quotes__nav{display:none}}

/* 3.9.12: Home, testi grandi sotto "Il problema, spesso, non è la mancanza di competenze individuali" in Cormorant come gli altri testi, più piccoli */
.mel-lead.has-jost-font-family[style*="font-size:2.125rem"]{font-family:var(--wp--preset--font-family--cormorant,"Cormorant Garamond",serif)!important;font-size:1.375rem!important;line-height:1.45!important}

/* 3.9.13: link "Leggi il caso" nelle testimonianze, Jost, linea che si disegna al passaggio */
.mel-case-link{margin-top:auto}
.mel-case-link a{color:#121212;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;padding-bottom:2px;transition:background-size .3s ease}
.mel-case-link a::after{content:" \2192";display:inline-block;transition:transform .3s ease}
.mel-case-link a:hover,.mel-case-link a:focus-visible{background-size:100% 1.5px}
.mel-case-link a:hover::after{transform:translateX(3px)}
.mel-case-link a:focus-visible{outline:2px solid #121212;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.mel-case-link a,.mel-case-link a::after{transition:none}}

/* 3.9.14: "Risorse" nel menu e' solo un pulsante che apre la tendina (nessun link alla pagina) */
.mel-pg-header .mel-risorse-menu > button.wp-block-navigation-item__content{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;display:inline-flex;align-items:center;min-height:24px}
.mel-pg-header .mel-risorse-menu > button.wp-block-navigation-item__content:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}
.mel-pg-header .mel-risorse-menu > .wp-block-navigation__submenu-icon{pointer-events:none}
@media (min-width:1100px){
 .mel-pg-header .mel-risorse-menu:hover > .wp-block-navigation__submenu-container{visibility:visible;opacity:1;height:auto;width:auto;overflow:visible;min-width:200px}
}
@media (max-width:1099px){
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .mel-risorse-menu > button.wp-block-navigation-item__content{display:inline-flex!important;padding-bottom:6px!important;cursor:default}
}

/* 3.9.18: tutti i testi in Cormorant Garamond a 1,375rem (22px), richiesta di Matteo del 2026-10-09.
   Restano più grandi solo le frasi in corsivo da 28px sotto i titoli di pagina.
   3.9.34: escluse anche le virgolette grandi delle testimonianze (5.5rem). 3.9.36: corretto il commento che rompeva la regola. */
:root body .has-cormorant-font-family:not(h1,h2,h3,h4,h5,h6):not([style*="font-size:28px"],[style*="font-size:5.5rem"]){font-size:1.375rem!important;line-height:1.45!important}

/* 3.9.20: passi della pagina Metodo (vedi mel-fx.js). Il riquadro acceso diventa Cielo e si alza un poco;
   durante la sequenza iniziale gli altri sono più tenui; il punto e il numero sul disegno crescono. */
.mel-ciclo>.wp-block-column{transition:transform .6s ease,background-color .6s ease,box-shadow .6s ease,opacity .6s ease}
.mel-ciclo.is-sequenza>.wp-block-column:not(.is-ciclo-on){opacity:.72}
.mel-ciclo>.wp-block-column.is-ciclo-on{background-color:#C6DAFD!important;transform:translateY(-8px);box-shadow:0 14px 30px rgba(18,18,18,.08)}
.mel-ciclo-run .cw-pt{transition:opacity .5s ease,transform .6s ease!important;transition-delay:0s!important}
.mel-ciclo-run .cw-pt.is-ciclo-on{transform:scale(1.35);transform-origin:center}
@media (prefers-reduced-motion:reduce){.mel-ciclo>.wp-block-column{transition:none;opacity:1!important;transform:none!important}}
/* 3.9.21 Box CTA: riquadro Cielo, un pulsante Sole con bordo bianco 3px */
.mel-cta .wp-block-button__link,.mel-card-deco[style*="c6dafd" i] .wp-block-button__link{border:3px solid #fff!important}
.mel-cta .wp-block-button__link{padding:.85em 1.9em}
.mel-cta .wp-block-button__link:hover,.mel-cta .wp-block-button__link:focus-visible,.mel-card-deco[style*="c6dafd" i] .wp-block-button__link:hover,.mel-card-deco[style*="c6dafd" i] .wp-block-button__link:focus-visible{border-color:#F9BD4F!important}
.mel-cta .wp-block-button__link,.mel-card-deco[style*="c6dafd" i] .wp-block-button__link{position:relative;overflow:hidden;z-index:0;transition:border-color calc(var(--mel-dur) * .7) var(--mel-ease)}
.mel-cta .wp-block-button__link::before,.mel-card-deco[style*="c6dafd" i] .wp-block-button__link::before{content:"";position:absolute;left:0;right:0;bottom:0;height:0;background:#fff;z-index:-1;transition:height calc(var(--mel-dur) * .7) var(--mel-ease)}
.mel-cta .wp-block-button__link:hover::before,.mel-cta .wp-block-button__link:focus-visible::before,.mel-card-deco[style*="c6dafd" i] .wp-block-button__link:hover::before,.mel-card-deco[style*="c6dafd" i] .wp-block-button__link:focus-visible::before{height:100%}
.mel-cta .mel-arrow,.mel-card-deco[style*="c6dafd" i] .mel-arrow{display:inline-block;transition:transform calc(var(--mel-dur) * .6) var(--mel-ease)}
.mel-cta .wp-block-button__link:hover .mel-arrow,.mel-cta .wp-block-button__link:focus-visible .mel-arrow,.mel-card-deco[style*="c6dafd" i] .wp-block-button__link:hover .mel-arrow,.mel-card-deco[style*="c6dafd" i] .wp-block-button__link:focus-visible .mel-arrow{transform:translateX(6px)}
@media (prefers-reduced-motion:reduce){.mel-cta .wp-block-button__link::before,.mel-card-deco[style*="c6dafd" i] .wp-block-button__link::before{transition:none}}
@media (max-width:600px){.mel-cta{padding:48px 24px!important}.mel-cta h2{font-size:32px!important;line-height:40px!important}}
.mel-cta.mel-card-deco::after,.mel-card-deco[style*="c6dafd" i]::after{background-color:#F1F4FB;opacity:1}
/* 3.9.25 Box CTA: sfondo Nebbia, decorazione Cielo, evidenziazione Sole (default) */
.mel-cta.has-background{background-color:#F1F4FB!important}
.mel-cta.mel-card-deco::after{background-color:#C6DAFD;opacity:1}
/* 3.9.26 Risorse, card casi studio: post-it a cavallo tra foto e box */
div[style*="border-radius:24px 24px 0 0"]:has(.mel-hv-tilt){overflow:visible!important;z-index:2}
div[style*="border-radius:24px 24px 0 0"]:has(.mel-hv-tilt)>img{border-radius:24px 24px 0 0}
div[style*="border-radius:24px 24px 0 0"]>div:has(>.mel-hv-tilt){top:152px!important}
div[style*="border-radius:24px 24px 0 0"]:has(.mel-hv-tilt)+.wp-block-group{padding-top:76px!important}
/* 3.9.27 card casi studio: hover su tutta la card = post-it ruota + foto zoom */
div[style*="border-radius:24px 24px 0 0"]:has(.mel-hv-tilt)>img{clip-path:inset(0 round 24px 24px 0 0);transition:transform calc(var(--mel-dur) * 1.2) var(--mel-ease),clip-path calc(var(--mel-dur) * 1.2) var(--mel-ease)}
div[style*="border-radius:24px 24px 0 0"] .mel-hv-tilt:hover{transform:none}
.wp-block-group:has(>div[style*="border-radius:24px 24px 0 0"] .mel-hv-tilt):is(:hover,:focus-within) .mel-hv-tilt{transform:rotate(-5deg) scale(1.05)}
.wp-block-group:has(>div[style*="border-radius:24px 24px 0 0"] .mel-hv-tilt):is(:hover,:focus-within)>div>img{transform:scale(1.06);clip-path:inset(2.83% round 22.6px 22.6px 0 0)}
@media (prefers-reduced-motion:reduce){div[style*="border-radius:24px 24px 0 0"]:has(.mel-hv-tilt)>img{transition:none}}

/* 3.9.29 Scala titoli unica (richiesta di Matteo, 2026-10-09): tutti gli H1 uguali, tutti gli H2 uguali, tutti gli H3 uguali.
   Desktop 60 / 40 / 24px, fluidi fino al telefono. Esclusi solo i titoli usati come etichetta piccola (12-13px: Chi sono H1, Risultati "Livello", Quando posso H3). */
:root body main h1.wp-block-heading:not([style*="font-size:12px"],[style*="font-size:13px"]){font-size:clamp(2.125rem,1.1rem + 4vw,3.75rem)!important;line-height:1.1!important}
:root body main h2.wp-block-heading:not([style*="font-size:12px"],[style*="font-size:13px"]){font-size:clamp(1.75rem,1.15rem + 2vw,2.5rem)!important;line-height:1.2!important}
:root body main h3.wp-block-heading:not([style*="font-size:12px"],[style*="font-size:13px"]){font-size:clamp(1.25rem,1.1rem + 0.5vw,1.5rem)!important;line-height:1.25!important}

/* 3.9.31 Riquadri affiancati (colonne o griglia, sfondo Nebbia o Azzurro chiaro): al passaggio del mouse
   si accendono Cielo e si alzano come i passi di "Come lavoro" (richiesta di Matteo, 2026-10-12).
   Esclusi: riquadri grandi uno sotto l'altro (.mel-situazione), box CTA, testimonianze (“ grande),
   card dei casi studio con link (hanno già il loro effetto) e i passi del ciclo (già animati). */
:is(.wp-block-column,.is-layout-grid>.wp-block-group):is([style*="background-color:#f1f4fb" i],[style*="background-color:#dae7fe" i])[style*="border-radius"]:not(.mel-card-link,.mel-cta,.mel-situazione,.mel-ciclo>*,:has(p[style*="font-size:5.5rem"])){transition:transform .6s ease,background-color .6s ease,box-shadow .6s ease}
:is(.wp-block-column,.is-layout-grid>.wp-block-group):is([style*="background-color:#f1f4fb" i],[style*="background-color:#dae7fe" i])[style*="border-radius"]:not(.mel-card-link,.mel-cta,.mel-situazione,.mel-ciclo>*,:has(p[style*="font-size:5.5rem"])):is(:hover,:focus-within){background-color:#C6DAFD!important;transform:translateY(-8px);box-shadow:0 14px 30px rgba(18,18,18,.08)}
@media (prefers-reduced-motion:reduce){:is(.wp-block-column,.is-layout-grid>.wp-block-group)[style*="border-radius"]:is(:hover,:focus-within){transform:none!important}}

/* 3.9.32 Su telefono niente parole spezzate col trattino nei titoli (richiesta di Matteo, 2026-10-12):
   la parola intera va a capo; solo se da sola fosse più larga dello schermo viene divisa (senza trattino). */
@media (max-width: 781px){main :is(h1,h2,h3,h4,p){hyphens:manual!important;-webkit-hyphens:manual!important;overflow-wrap:break-word}}

/* 3.9.33 Nuvolette del menu mobile aperto = link alla Home (al posto del disegno ::before) */
.mel-menu-home{display:none}
@media (max-width:1099px){
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open::before{content:none!important;display:none!important}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .mel-menu-home{display:block;position:absolute;left:1rem;top:.75rem;z-index:2;line-height:0;border-radius:8px}
 .mel-pg-header .wp-block-navigation__responsive-container.is-menu-open .mel-menu-home img{width:48px;height:56px;object-fit:contain;object-position:left center}
}

/* 3.9.35 "Quando posso esserti utile": i titoli H2 delle situazioni restano H2 ma più piccoli (28px desktop, 22px telefono),
   così la colonna stretta non diventa un papiro (richiesta di Matteo, 2026-10-12). Solo dentro .mel-situazione. */
:root body main .mel-situazione .wp-block-column h2.wp-block-heading{font-size:clamp(1.375rem,1.2rem + 0.6vw,1.75rem)!important;line-height:1.25!important}

/* 3.10.6: attività numerate (6 o più) in slider su una riga, frecce ai lati (vedi assets/mel-quotes.js) */
.mel-steps{position:relative}
.mel-steps .wp-block-group.mel-steps__track{display:flex!important;flex-wrap:nowrap!important;gap:20px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none!important}
.mel-steps__track::-webkit-scrollbar{display:none}
.mel-steps__track:focus-visible{outline:2px solid #121212;outline-offset:4px}
.mel-steps .mel-steps__track>*{flex:0 0 calc((100% - 80px)/5);min-width:0;margin:0!important;scroll-snap-align:start}
@media (max-width:1099px){.mel-steps .mel-steps__track>*{flex-basis:calc((100% - 40px)/3)}}
@media (max-width:781px){.mel-steps .mel-steps__track>*{flex-basis:72vw}}
.mel-steps__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:999px;background:#faf9f5;color:#121212;font-size:28px;line-height:1;box-shadow:0 2px 10px rgba(18,18,18,.18);cursor:pointer;z-index:2;transition:opacity .2s ease,background-color .2s ease}
.mel-steps__prev{left:-22px}.mel-steps__next{right:-22px}
@media (max-width:781px){.mel-steps__prev{left:-8px}.mel-steps__next{right:-8px}}
.mel-steps__nav:hover{background:#f9bd4f}
.mel-steps__nav:focus-visible{outline:2px solid #121212;outline-offset:2px}
.mel-steps__nav:disabled{opacity:0;pointer-events:none}
.mel-steps.is-static .mel-steps__nav{display:none}

/* 3.10.7: dettagli di casi studio e interventi (Cliente, Ruolo, Data e luogo…): valori non in bold, su mobile una riga sotto l'altra e più vicini */
.wp-block-group.is-layout-flex:has(> .wp-block-group > p.has-jost-font-family[style*="letter-spacing:0.06em"] + p.has-cormorant-font-family) > .wp-block-group > p.has-cormorant-font-family,
.wp-block-group.is-layout-flex:has(> .wp-block-group > p.has-jost-font-family[style*="letter-spacing:0.06em"] + p.has-cormorant-font-family) > .wp-block-group > p.has-cormorant-font-family strong{font-weight:400}
@media (max-width:781px){
.wp-block-group.is-layout-flex:has(> .wp-block-group > p.has-jost-font-family[style*="letter-spacing:0.06em"] + p.has-cormorant-font-family){flex-direction:column;align-items:flex-start;gap:16px}
.wp-block-group.is-layout-flex:has(> .wp-block-group > p.has-jost-font-family[style*="letter-spacing:0.06em"] + p.has-cormorant-font-family) > .wp-block-group > p.has-cormorant-font-family{margin-top:4px!important}
}

/* 3.10.8: modulo Contatti (WPForms) su mobile, un campo per riga */
@media (max-width:781px){
.wpforms-container .wpforms-field.wpforms-one-half{float:none!important;width:100%!important;margin-left:0!important;clear:both}
.wpforms-container .wpforms-field.wpforms-one-half input{width:100%;max-width:100%}
}

/* 3.10.9: hero di Chi sono su mobile, la foto va subito dopo il titolo (occhiello, titolo, foto, testi), dentro il riquadro azzurro */
@media (max-width:781px){
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:56.5%"]):has(> .wp-block-column[style*="flex-basis:43.5%"]){row-gap:0!important;padding:28px 0!important}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:43.5%"]) > .wp-block-column[style*="flex-basis:56.5%"]{display:contents}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:43.5%"]) > .wp-block-column[style*="flex-basis:56.5%"] > *{flex:0 0 100%;max-width:100%;box-sizing:border-box;padding-left:24px;padding-right:24px;order:3}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:43.5%"]) > .wp-block-column[style*="flex-basis:56.5%"] > :nth-child(-n+2){order:1}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:56.5%"]) > .wp-block-column[style*="flex-basis:43.5%"]{order:2;padding:0 24px!important;margin:1.25rem 0 1.5rem!important;box-sizing:border-box}
}

/* 3.10.10: Risultati, Livello 2 su mobile, ogni icona sopra il proprio testo (le righe desktop alternano icona a destra e a sinistra) */
@media (max-width:781px){
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:420px"]) > .wp-block-column[style*="flex-basis:420px"]{order:-1}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:420px"]){margin-top:48px;row-gap:24px!important}
}

/* 3.10.13: Home "Perché queste difficoltà si ripetono?" su mobile, icona 96px sempre a sinistra del titolo, testo sotto a tutta larghezza */
@media (max-width:781px){
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:560px"]):has(> .wp-block-column[style*="flex-basis:220px"]){display:grid!important;grid-template-columns:96px 1fr;grid-template-areas:"ico tit" "txt txt";column-gap:20px!important;row-gap:16px!important;align-items:center;margin-top:40px}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:220px"]) > .wp-block-column[style*="flex-basis:560px"]{display:contents}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:220px"]) > .wp-block-column[style*="flex-basis:560px"] > h3{grid-area:tit;margin:0!important;align-self:center!important}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:220px"]) > .wp-block-column[style*="flex-basis:560px"] > :not(h3){grid-area:txt;margin:0!important}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:560px"]) > .wp-block-column[style*="flex-basis:220px"]{grid-area:ico;width:96px;margin:0!important}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:560px"]) > .wp-block-column[style*="flex-basis:220px"] img{width:96px!important;height:auto!important}
	.wp-block-columns:has(> .wp-block-column[style*="flex-basis:560px"]) > .wp-block-column[style*="flex-basis:220px"] figure{margin:0!important}
}

/* 3.10.16 Manifesto (richiesta di Matteo, 2026-10-12):
   - riquadri pesca affiancati: al passaggio del mouse si accendono di Sole chiaro e si alzano, come i Nebbia che diventano Cielo;
   - box Nebbia con decorazione (.mel-card-deco, non CTA): decorazione Cielo piena, come nei box CTA. */
:is(.wp-block-column,.is-layout-grid>.wp-block-group)[style*="background-color:#fdf0dc" i][style*="border-radius"]{transition:transform .6s ease,background-color .6s ease,box-shadow .6s ease}
:is(.wp-block-column,.is-layout-grid>.wp-block-group)[style*="background-color:#fdf0dc" i][style*="border-radius"]:is(:hover,:focus-within){background-color:#FCDEA7!important;transform:translateY(-8px);box-shadow:0 14px 30px rgba(18,18,18,.08)}
.mel-card-deco:not(.mel-cta)[style*="background-color:#f1f4fb" i]::after{background-color:#C6DAFD;opacity:1}

/* 3.10.17 Decorazioni dei box (CTA e simili) visibili anche su telefono, stessa misura del desktop, dietro al testo (richiesta di Matteo, 2026-10-12). */
@media (max-width:781px){
 .mel-card-deco.mel-card-deco::after{display:block!important}
}