/* LiC Locali — stili isolati sotto .licl, stessa palette e convenzioni di LiC Programma.
 * I selettori partono da #top (id del <body> in Enfold) per avere la stessa forza del tema. */
.licl {
	--licl-ink: #331333;
	--licl-plum: #5e2d48;
	--licl-accent: #c86d5b;
	--licl-accent-ink: #a64b39;
	--licl-cream: #efede5;
	--licl-paper: #ffffff;
	--licl-muted: #6e5764;
	--licl-line: rgba(51, 19, 51, .16);
	--licl-body: archivo-2, archivo, 'Archivo', Helvetica, Arial, sans-serif;
	--licl-mono: spacemono, 'Space Mono', ui-monospace, Menlo, monospace;
	/* Impostabili dai pannelli degli elementi nel Layout Builder */
	--licl-radius: 0px;
	--licl-btn-font: var(--licl-mono);
	--licl-tag-font: var(--licl-mono);
	--licl-btn-size: 14px;
	--licl-btn-transform: uppercase;
	--licl-tag-size: 12px;
	--licl-title-size: 19px;
	--licl-desc-size: 15px;
	--licl-meta-size: 14px;
	--licl-count-size: 13px;
	--licl-foto-h: 170px;
}

#top .licl {
	color: var(--licl-ink);
	font-family: var(--licl-body);
	font-size: 16px;
	line-height: 1.45;
	margin: 0 0 3em;
	text-align: left;
}
#top .licl *, #top .licl *::before, #top .licl *::after { box-sizing: border-box; }
#top .licl [hidden] { display: none !important; }
#top .licl .licl-vuoto { padding: 18px 20px; background: var(--licl-paper); border-left: 6px solid var(--licl-accent); }

/* --- Filtri ----------------------------------------------------------------------------- */
#top .licl .licl-filters { padding: 12px; margin-bottom: 14px; background: var(--licl-cream); }
#top .licl .licl-chips { display: flex; flex-wrap: wrap; gap: 6px; }
#top .licl .licl-chip {
	--licl-c: var(--licl-plum);
	margin: 0;
	padding: 9px 15px;
	border: 2px solid var(--licl-c);
	border-radius: var(--licl-radius);
	background: var(--licl-paper);
	color: var(--licl-c);
	font-family: var(--licl-btn-font);
	font-size: var(--licl-btn-size);
	font-weight: 400;
	line-height: 1.3;
	text-transform: var(--licl-btn-transform);
	letter-spacing: normal;
	cursor: pointer;
}
#top .licl .licl-chip span { opacity: .7; }
#top .licl .licl-chip:hover { background: #f7f1ee; }
#top .licl .licl-chip[aria-pressed="true"] { background: var(--licl-c); color: #fff; }
#top .licl .licl-chip--conv { --licl-c: var(--licl-accent-ink); }
#top .licl .licl-count { margin: 10px 0 0; font-family: var(--licl-tag-font); font-size: var(--licl-count-size); text-transform: uppercase; }


/* --- Schede ------------------------------------------------------------------------------- */
#top .licl .licl-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
/* Colonne fisse scelte nel builder */
#top .licl .licl-list[style*='--licl-col'], #top .licl-parte[style*='--licl-col'] .licl-list { grid-template-columns: repeat(var(--licl-col), minmax(0, 1fr)); }
#top .licl .licl-card {
	display: flex;
	flex-direction: column;
	background: var(--licl-paper);
	border: 1px solid var(--licl-line);
	border-left: 6px solid var(--licl-plum);
	border-radius: var(--licl-radius);
	scroll-margin-top: 120px;
}
#top .licl .licl-card.is-conv { border-left-color: var(--licl-accent); }
#top .licl .licl-card__foto { display: block; width: 100%; height: var(--licl-foto-h); object-fit: cover; margin: 0; }
#top .licl .licl-card__main { display: flex; flex-direction: column; flex: 1; padding: 14px 14px 16px 16px; }
#top .licl .licl-card__top { display: flex; flex-wrap: wrap; gap: 4px 6px; margin-bottom: 8px; }
#top .licl .licl-tipo,
#top .licl .licl-badge {
	display: inline-block;
	padding: 4px 8px;
	font-family: var(--licl-tag-font);
	font-size: var(--licl-tag-size);
	line-height: 1.35;
	text-transform: uppercase;
}
#top .licl .licl-tipo { background: var(--licl-cream); color: var(--licl-ink); }
#top .licl .licl-badge { background: var(--licl-accent); color: #fff; }
#top #wrap_all .licl .licl-card__title {
	margin: 0 0 6px;
	padding: 0;
	font-family: var(--licl-body);
	font-size: var(--licl-title-size);
	font-weight: 700;
	line-height: 1.25;
	text-transform: none;
	letter-spacing: 0;
	color: var(--licl-ink);
}
#top .licl .licl-card__desc { margin: 0 0 8px; font-size: var(--licl-desc-size); }
#top .licl .licl-card__meta { list-style: none; margin: 0 0 8px; padding: 0; font-size: var(--licl-meta-size); color: var(--licl-muted); }
#top .licl .licl-card__meta li { margin: 0 0 2px; }
#top .licl .licl-where::before { content: '⌖ '; }
#top .licl .licl-when::before { content: '◷ '; }
#top .licl .licl-conv { margin: 0 0 8px; font-weight: 700; color: var(--licl-accent-ink); font-size: var(--licl-meta-size); }
#top .licl .licl-opzioni { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0 0 8px; padding: 0; }
#top .licl .licl-opzioni li { margin: 0; padding: 2px 6px; border: 1px solid var(--licl-line); font-size: 12px; color: var(--licl-muted); }
#top .licl .licl-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: auto; padding-top: 10px; }
#top .licl .licl-btn {
	display: inline-block;
	margin: 0;
	padding: 10px 15px;
	border: 2px solid var(--licl-ink);
	border-radius: var(--licl-radius);
	background: var(--licl-ink);
	color: var(--licl-cream);
	font-family: var(--licl-btn-font);
	font-size: var(--licl-btn-size);
	font-weight: 400;
	text-transform: var(--licl-btn-transform);
	letter-spacing: normal;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}
#top .licl .licl-btn:hover { background: var(--licl-plum); border-color: var(--licl-plum); color: #fff; }
#top .licl .licl-btn--ghost { background: transparent; color: var(--licl-ink); }
#top .licl .licl-btn--ghost:hover { background: var(--licl-ink); color: var(--licl-cream); }
#top .licl .licl-link { color: var(--licl-accent-ink); font-size: var(--licl-meta-size); text-decoration: underline; }

@media (max-width: 600px) {
	#top .licl .licl-filters { padding: 10px; }
	/* Dita, non mouse: i filtri restano alti almeno 40px. */
	#top .licl .licl-chip { min-height: 40px; padding: 8px 12px; font-size: 13px; }
	#top .licl .licl-btn { min-height: 44px; }
}

/* --- Elementi separati del Layout Builder ---------------------------------------------- */
#top .licl.licl-parte--filtri { margin-bottom: 0; }
#top .licl.licl-parte--convenzionati { margin-bottom: 2em; }

/* Variante "pieno": pulsanti dei filtri sempre colorati, attenuati finché non sono scelti */
#top .licl.licl--chip-pieno .licl-chip { background: var(--licl-c); color: #fff; opacity: .55; }
#top .licl.licl--chip-pieno .licl-chip:hover { opacity: .8; }
#top .licl.licl--chip-pieno .licl-chip[aria-pressed="true"] { opacity: 1; box-shadow: 0 0 0 2px var(--licl-ink); }

@media (max-width: 767px) {
	#top .licl .licl-list { grid-template-columns: 1fr; }
	#top .licl-parte[style*='--licl-col'] .licl-list { grid-template-columns: 1fr; }
}
