/* ComiX Store UX2026 2.4.0 — cataloghi, cultura, D&D e moduli. */



.cx-special-page{min-height:60vh}.cx-special-content{padding:0;background:transparent}.cx-special-content>.wp-block-cover:first-child{margin-top:0}.cx-special-hero{overflow:hidden;border-radius:var(--cx-radius);box-shadow:var(--cx-shadow)}.cx-special-hero .wp-block-cover__inner-container{width:min(920px,calc(100% - 44px));margin-inline:auto}.cx-special-hero h2{max-width:780px;margin:8px 0 14px;color:#fff;font-size:clamp(34px,5vw,58px);line-height:1.05}.cx-special-hero p:not(.cx-eyebrow){max-width:720px}.cx-project-grid,.cx-dnd-features{gap:22px;margin-top:28px}.cx-project-grid>.wp-block-column,.cx-dnd-features>.wp-block-column,.cx-manual-catalog-card{padding:clamp(22px,3vw,34px);border:1px solid var(--cx-line);border-radius:var(--cx-radius);background:#fff;box-shadow:0 5px 20px rgba(11,18,34,.06)}.cx-project-grid h3,.cx-dnd-features h3,.cx-manual-catalog-card h3{margin-top:0;font-size:24px}.cx-project-grid p,.cx-dnd-features p,.cx-manual-catalog-card p{color:var(--cx-muted)}.cx-dnd-hero{background-color:#151020}.cx-dnd-features>.wp-block-column{border-top:5px solid var(--cx-primary)}



.cx-catalog-page .cx-catalog-grid{align-items:stretch}.cx-catalog-card{display:flex;flex-direction:column}.cx-catalog-body{display:flex;flex:1;flex-direction:column}.cx-catalog-actions{margin-top:auto;padding-top:8px}.cx-catalog-actions .cx-button{min-width:110px}.cx-manual-catalog-grid{gap:22px}.cx-manual-catalog-card{height:100%}.cx-manual-catalog-card .wp-block-buttons{margin-top:auto}.cx-archive-link{padding-top:12px}



.cx-form-page{max-width:980px}.cx-form-content{display:grid;gap:24px}.cx-form-intro,.cx-form-host{padding:clamp(22px,4vw,42px);border:1px solid var(--cx-line);border-radius:var(--cx-radius);background:#fff;box-shadow:0 5px 20px rgba(11,18,34,.05)}.cx-form-intro{border-left:6px solid var(--cx-primary)}.cx-form-content form{display:grid;gap:16px}.cx-form-content label{display:block;color:var(--cx-text);font-weight:800}.cx-form-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),.cx-form-content select,.cx-form-content textarea,.cx-form-content .wpforms-field input,.cx-form-content .wpforms-field select,.cx-form-content .wpforms-field textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid #cfd3dc;border-radius:8px;background:#fff;color:var(--cx-text);font:inherit}.cx-form-content textarea{min-height:140px;resize:vertical}.cx-form-content input:focus,.cx-form-content select:focus,.cx-form-content textarea:focus{border-color:var(--cx-primary);outline:3px solid color-mix(in srgb,var(--cx-primary) 18%,transparent);outline-offset:1px}.cx-form-content input[type="checkbox"],.cx-form-content input[type="radio"]{accent-color:var(--cx-primary)}.cx-form-content button[type="submit"],.cx-form-content input[type="submit"]{min-height:46px;padding:11px 20px;border:0;border-radius:var(--cx-button-radius);background:var(--cx-primary);color:#fff;font-weight:900;cursor:pointer}.cx-form-content .wpcf7-response-output,.cx-form-content .wpforms-confirmation-container,.cx-form-content .gform_confirmation_message{padding:14px;border-radius:8px;background:#eef8f0;color:#155d26}.cx-form-content .wpcf7-not-valid-tip,.cx-form-content .wpforms-error,.cx-form-content .validation_message{color:#a8171d;font-size:13px;font-weight:700}



@media(max-width:900px){.cx-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-catalog-card.is-featured{grid-column:span 2}.cx-special-hero{border-radius:10px}}



@media(max-width:600px){.cx-special-page .cx-page-head{text-align:left}.cx-special-hero .wp-block-cover__inner-container{width:calc(100% - 28px)}.cx-special-hero h2{font-size:36px}.cx-project-grid,.cx-dnd-features,.cx-manual-catalog-grid{display:grid;grid-template-columns:1fr}.cx-catalog-grid{grid-template-columns:1fr}.cx-catalog-card.is-featured{grid-column:auto}.cx-catalog-actions{display:grid}.cx-catalog-actions .cx-button{width:100%}.cx-form-intro,.cx-form-host{padding:22px}}



.cx-catalog-page .cx-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.cx-catalog-page .cx-catalog-card.is-featured{grid-column:auto;border-color:var(--cx-primary);box-shadow:0 8px 26px rgba(199,25,32,.12)}.cx-catalog-page .cx-catalog-media{display:grid;min-height:300px;place-items:center;background:#fff}.cx-catalog-page .cx-catalog-media img{width:100%;height:300px;object-fit:contain}.cx-catalog-page .cx-catalog-body{padding:18px}.cx-catalog-page .cx-catalog-body h2{font-size:18px;line-height:1.25}.cx-catalog-page .cx-catalog-body p{font-size:13px}.cx-catalog-page .cx-catalog-actions{display:grid;gap:8px}.cx-catalog-page .cx-catalog-actions .cx-button{width:100%;min-height:40px;padding:9px 12px!important;font-size:12px}.cx-catalog-page .cx-catalog-actions .cx-button--outline{background:#fff!important;color:var(--cx-dark)!important;border:1px solid var(--cx-line)!important}



@media(max-width:1000px){.cx-catalog-page .cx-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.cx-catalog-page .cx-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.cx-catalog-page .cx-catalog-grid{grid-template-columns:1fr}.cx-catalog-page .cx-catalog-media,.cx-catalog-page .cx-catalog-media img{height:auto;min-height:240px;max-height:360px}}



.cx-catalog-language-group+.cx-catalog-language-group{margin-top:44px;padding-top:34px;border-top:2px solid var(--cx-line)}.cx-catalog-language-title{margin:0 0 20px;font-size:24px}.cx-catalog-language-international .cx-catalog-language-title{color:var(--cx-secondary)}







/* UX2026 2.8.6 — cataloghi compatti in formato rettangolare. */



.cx-catalog-page .cx-page-head{margin-bottom:24px}.cx-catalog-page .cx-page-head h1{font-size:clamp(26px,3vw,34px);line-height:1.12}.cx-catalog-page .cx-page-intro{font-size:15px}.cx-catalog-page .cx-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cx-catalog-page .cx-catalog-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:180px}.cx-catalog-page .cx-catalog-media{display:grid;width:112px;height:100%;min-height:180px;place-items:center;border-right:1px solid var(--cx-line);background:#f6f7f9}.cx-catalog-page .cx-catalog-media img{width:100%;height:100%;max-height:210px;padding:8px;object-fit:contain}.cx-catalog-page .cx-catalog-body{min-width:0;padding:13px}.cx-catalog-page .cx-catalog-body h2{margin:0 0 6px;font-size:15px;line-height:1.2}.cx-catalog-page .cx-catalog-body p{margin:0 0 8px;font-size:12px;line-height:1.35}.cx-catalog-page .cx-catalog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:4px}.cx-catalog-page .cx-catalog-actions .cx-button{min-width:0;min-height:34px;padding:7px 8px!important;font-size:10px}.cx-catalog-page .cx-badge{top:7px;left:7px;padding:4px 7px;font-size:9px}.cx-catalog-language-group+.cx-catalog-language-group{margin-top:32px;padding-top:26px}.cx-catalog-language-title{margin-bottom:14px;font-size:19px}



@media(max-width:1100px){.cx-catalog-page .cx-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}



@media(max-width:680px){.cx-catalog-page .cx-page-head h1{font-size:26px}.cx-catalog-page .cx-catalog-grid{grid-template-columns:1fr}.cx-catalog-page .cx-catalog-card{grid-template-columns:96px minmax(0,1fr);min-height:156px}.cx-catalog-page .cx-catalog-media{width:96px;min-height:156px}.cx-catalog-page .cx-catalog-media img{max-height:180px;padding:6px}.cx-catalog-page .cx-catalog-actions{grid-template-columns:1fr 1fr}}







/* 3.5.7 · Le schede senza copertina restano compatte e non generano segnaposto grafici. */



.cx-catalog-page .cx-catalog-card.has-no-image{display:flex;min-height:156px}



.cx-catalog-page .cx-catalog-card.has-no-image .cx-catalog-body{width:100%}



.cx-catalog-page .cx-catalog-card svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}



.cx-catalog-page .cx-catalog-empty{padding:32px;border:1px solid var(--cx-line);border-left:6px solid var(--cx-primary);border-radius:8px;background:#fff;text-align:center}.cx-catalog-page .cx-catalog-empty h2{margin:0 0 8px;font-size:22px}.cx-catalog-page .cx-catalog-empty p{margin:0;color:var(--cx-muted)}





/* Progetti culturali UX2026 */

.cx-cultural-intro{padding:clamp(26px,4vw,52px);border:1px solid var(--cx-line);border-radius:var(--cx-radius);background:linear-gradient(135deg,#fff 0%,#f7f8fb 100%);box-shadow:0 6px 24px rgba(11,18,34,.05)}

.cx-cultural-intro h2{max-width:900px;margin:.35rem 0 1rem;font-size:clamp(30px,4vw,48px);line-height:1.08}.cx-cultural-intro .has-large-font-size{max-width:900px;color:var(--cx-muted)}

.cx-project-grid--three{align-items:stretch}.cx-project-grid--three>.wp-block-column{display:flex;flex-direction:column}.cx-project-grid--three .cx-eyebrow{margin-bottom:8px}.cx-project-grid--three p:last-child{margin-bottom:0}

.cx-cultural-cta{margin-top:30px;padding:clamp(24px,4vw,44px);border-radius:var(--cx-radius);background:#111827;color:#fff}.cx-cultural-cta h2{margin-top:0;color:#fff}.cx-cultural-cta p{max-width:900px;color:rgba(255,255,255,.82)}

.cx-cultural-media{margin-top:clamp(36px,6vw,70px)}.cx-cultural-media-head{margin-bottom:18px}.cx-cultural-media-head h2{margin:.25rem 0 0;font-size:clamp(28px,3.5vw,42px)}

.cx-cultural-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.cx-cultural-media-card{overflow:hidden;border:1px solid var(--cx-line);border-radius:var(--cx-radius);background:#fff;box-shadow:0 5px 20px rgba(11,18,34,.06)}

.cx-cultural-media-card--image img{display:block;width:100%;height:auto}.cx-cultural-media-card--link{display:flex;min-height:150px;padding:24px;flex-direction:column;justify-content:flex-end;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.cx-cultural-media-card--link:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(11,18,34,.1)}.cx-cultural-media-card--link span{font-size:1.1rem;font-weight:700}.cx-cultural-media-card--link strong{margin-top:5px;color:var(--cx-muted);font-size:.9rem;font-weight:500}

.cx-cultural-embed{position:relative;overflow:hidden;max-width:100%}.cx-cultural-embed iframe,.cx-cultural-embed blockquote{display:block;max-width:100%;margin:0 auto}.cx-cultural-media-card>p{margin:0;padding:12px 18px;border-top:1px solid var(--cx-line)}.cx-cultural-media-link{font-weight:700;text-decoration:none}

@media(max-width:760px){.cx-cultural-media-grid{grid-template-columns:1fr}.cx-project-grid--three{display:grid;grid-template-columns:1fr}.cx-cultural-intro{padding:24px}}

.cx-cultural-project{padding:22px;border:1px solid var(--cx-line);border-radius:var(--cx-radius);background:#fff;box-shadow:0 5px 20px rgba(11,18,34,.06)}.cx-cultural-project>img{width:100%;height:auto;border-radius:calc(var(--cx-radius) - 4px);margin-bottom:16px}.cx-cultural-project h3{margin:.25rem 0 .65rem}.cx-cultural-project .button,.cx-cultural-cta .button{display:inline-flex;margin-top:10px;padding:.7rem 1rem;border-radius:8px;text-decoration:none;font-weight:700}





/* ==========================================================================

   UX2026 3.6.51 — Etichetta catalogo sopra la copertina

   Evita l'ambiguità visiva con la card/riga successiva.

   ========================================================================== */

.cx-catalog-page .cx-catalog-media{

	display:flex!important;

	flex-direction:column!important;

	align-items:center!important;

	justify-content:flex-start!important;

	gap:8px;

	padding:7px 6px 8px;

	box-sizing:border-box;

}

.cx-catalog-page .cx-catalog-media .cx-catalog-badge-top{

	position:relative!important;

	top:auto!important;

	left:auto!important;

	right:auto!important;

	bottom:auto!important;

	z-index:3;

	display:inline-flex;

	align-items:center;

	justify-content:center;

	width:auto;

	max-width:calc(100% - 4px);

	min-height:26px;

	margin:0 auto;

	padding:4px 7px!important;

	box-sizing:border-box;

	text-align:center;

	white-space:normal;

	line-height:1.05;

}



/* La punta del fumetto è rivolta verso la copertina sottostante. */

.cx-catalog-page .cx-catalog-media .cx-catalog-badge-top::after{

	right:10px!important;

	bottom:-6px!important;

	border-top:7px solid var(--cx-balloon-bg)!important;

	border-right:7px solid transparent!important;

	border-bottom:0!important;

	border-left:0!important;

}

.cx-catalog-page .cx-catalog-media img{

	flex:1 1 auto;

	width:100%!important;

	height:auto!important;

	min-height:0!important;

	max-height:142px!important;

	padding:2px 5px 4px!important;

	object-fit:contain!important;

	box-sizing:border-box;

}



/* La card italiana in evidenza usa lo stesso ordine visivo. */

.cx-catalog-page .cx-catalog-card.is-featured .cx-catalog-media img{

	max-height:142px!important;

}



@media(max-width:680px){

	.cx-catalog-page .cx-catalog-media{

		gap:6px;

		padding:6px 5px 7px;

	}

	.cx-catalog-page .cx-catalog-media .cx-catalog-badge-top{

		min-height:24px;

		padding:3px 6px!important;

		font-size:8px!important;

	}

	.cx-catalog-page .cx-catalog-media img{

		max-height:122px!important;

		padding:2px 4px 3px!important;

	}

}


/* v3.6.119 · Cataloghi: sfrutta i monitor wide senza cambiare tablet/mobile. */
@media(min-width:1501px){.cx-catalog-page .cx-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}


/* ==========================================================================
   UX2026 3.6.120 — Cataloghi del mese: card più strette, cover +22/25%, azioni compatte.
   Solo presentazione: payload e logica cataloghi restano proprietà del 028.
   ========================================================================== */
@media (min-width:1281px){
	.cx-catalog-page .cx-catalog-grid{
		grid-template-columns:repeat(4,minmax(0,1fr));
		gap:14px;
	}
	.cx-catalog-page .cx-catalog-card.has-image{
		grid-template-columns:138px minmax(0,1fr);
		min-height:214px;
	}
	.cx-catalog-page .cx-catalog-media{
		width:138px;
		min-height:214px;
	}
	.cx-catalog-page .cx-catalog-media img,
	.cx-catalog-page .cx-catalog-card.is-featured .cx-catalog-media img{
		max-height:174px!important;
		padding:2px 4px 4px!important;
	}
}

@media (min-width:901px) and (max-width:1280px){
	.cx-catalog-page .cx-catalog-grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:14px;
	}
	.cx-catalog-page .cx-catalog-card.has-image{
		grid-template-columns:126px minmax(0,1fr);
		min-height:202px;
	}
	.cx-catalog-page .cx-catalog-media{
		width:126px;
		min-height:202px;
	}
	.cx-catalog-page .cx-catalog-media img,
	.cx-catalog-page .cx-catalog-card.is-featured .cx-catalog-media img{
		max-height:162px!important;
		padding:2px 4px 4px!important;
	}
}

.cx-catalog-page .cx-catalog-body{
	padding:10px 11px;
}
.cx-catalog-page .cx-catalog-body h2{
	margin-bottom:4px;
	font-size:14.5px;
	line-height:1.18;
}
.cx-catalog-page .cx-catalog-body p{
	margin-bottom:5px;
	font-size:11px;
	line-height:1.3;
}
.cx-catalog-page .cx-catalog-actions{
	gap:4px;
	padding-top:2px;
}
.cx-catalog-page .cx-catalog-actions .cx-button{
	min-height:30px;
	padding:5px 6px!important;
	font-size:9.5px;
	line-height:1.1;
}
.cx-catalog-page .cx-catalog-media{
	gap:6px;
	padding:6px 5px 7px;
}
.cx-catalog-page .cx-catalog-media .cx-catalog-badge-top{
	min-height:24px;
	padding:3px 6px!important;
	font-size:8.5px!important;
}

@media (min-width:681px) and (max-width:900px){
	.cx-catalog-page .cx-catalog-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:12px;
	}
	.cx-catalog-page .cx-catalog-card.has-image{
		grid-template-columns:122px minmax(0,1fr);
		min-height:196px;
	}
	.cx-catalog-page .cx-catalog-media{
		width:122px;
		min-height:196px;
	}
	.cx-catalog-page .cx-catalog-media img,
	.cx-catalog-page .cx-catalog-card.is-featured .cx-catalog-media img{
		max-height:156px!important;
	}
}

@media (max-width:680px){
	.cx-catalog-page .cx-catalog-grid{
		grid-template-columns:1fr;
		gap:10px;
	}
	.cx-catalog-page .cx-catalog-card.has-image{
		grid-template-columns:120px minmax(0,1fr);
		min-height:188px;
	}
	.cx-catalog-page .cx-catalog-media{
		width:120px;
		min-height:188px;
	}
	.cx-catalog-page .cx-catalog-media img,
	.cx-catalog-page .cx-catalog-card.is-featured .cx-catalog-media img{
		max-height:152px!important;
		padding:2px 4px 3px!important;
	}
	.cx-catalog-page .cx-catalog-body{
		padding:9px 10px;
	}
	.cx-catalog-page .cx-catalog-actions{
		grid-template-columns:1fr 1fr;
		gap:4px;
	}
}