/**
 * Bopea Comunicati USCZ Widget — frontend.
 *
 * Desktop: struttura e stile nativi del tema, identici al widget
 * bopea-list-post (stile jl_m_list, con frame). Nessuna override sulle card.
 * Mobile (≤767px): replica il layout storico del widget — featured centrato
 * con immagine impilata, post successivi solo testo.
 */

/* Variabili widget (solo componenti proprietari: container) */
.bpcw2 {
	--bpcw2-container-bg: transparent;
	--bpcw2-container-pad: 0;
	--bpcw2-container-radius: 0;
}

/* Container (sfondo/padding/radius gestiti anche da Elementor) */
.bpcw2 .bpcw2-container {
	background: var(--bpcw2-container-bg);
	padding: var(--bpcw2-container-pad);
	border-radius: var(--bpcw2-container-radius, var(--jl-border-rounded, 5px));
}

/* Stato caricamento (classe aggiunta dal JS durante la richiesta) */
.bpcw2.bpcw-loading {
	opacity: 0.6;
	pointer-events: none;
}

/* ── MOBILE (≤767px): layout storico del widget ────────────────────── */
@media only screen and (max-width: 767px) {
	.bpcw2 .jl_fli_wrap {
		--jlrow-gap: var(--jl-small-gap, 30px);
	}

	/* Post successivi: solo testo, senza immagine (come prima della refactor) */
	.bpcw2 .jl_fli_wrap > .jl_clist_layout:not(:first-child) .jl_img_holder {
		display: none;
	}

	/* Featured: testo centrato come nel layout storico */
	.bpcw2 .jl_fli_wrap > .jl_clist_layout:first-child .jl_fe_text {
		text-align: center;
	}

	.bpcw2 .jl_fli_wrap > .jl_clist_layout:first-child .jl_fe_title {
		font-size: 23px;
	}

	.bpcw2 .jl_fli_wrap > .jl_clist_layout:not(:first-child) .jl_fe_title {
		font-size: 15px;
	}

	/* Gli elementi lista storicamente non mostrano l'estratto su mobile
	   (nel markup c'è per la parità desktop col riferimento) */
	.bpcw2 .jl_fli_wrap > .jl_clist_layout:not(:first-child) .jl_fe_des {
		display: none;
	}
}