/**
 * Le grafiche originali misurano 1900 x 1150 px (rapporto 1.652:1).
 * Lo slider mostra due elementi su desktop e uno su tablet/mobile.
 * L'altezza segue quindi la larghezza reale della singola slide, evitando
 * il forte ritaglio laterale provocato dall'altezza fissa di 600 px.
 */

:root {
	--bsv-player-image-ratio: 1.652173913;
	--bsv-player-slider-height: min(600px, calc(50vw / var(--bsv-player-image-ratio)));
}

.yuki_blogger_homepage_builder_el_0_0_0,
.yuki_blogger_homepage_builder_el_0_0_0 .slick-list,
.yuki_blogger_homepage_builder_el_0_0_0 .slick-track,
.yuki_blogger_homepage_builder_el_0_0_0 .slick-slide,
.yuki_blogger_homepage_builder_el_0_0_0 .slick-slide > div,
.yuki_blogger_homepage_builder_el_0_0_0 .yuki-post-item,
.yuki_blogger_homepage_builder_el_0_0_0 .yuki-post-item-thumb {
	height: var(--bsv-player-slider-height) !important;
}

.yuki_blogger_homepage_builder_el_0_0_0 .yuki-post-item-thumb {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Il tema passa a una sola slide: la sua larghezza coincide con il viewport. */
@media (max-width: 1024px) {
	:root {
		--bsv-player-slider-height: calc(100vw / var(--bsv-player-image-ratio));
	}
}

/* Evita che titoli e controlli risultino sproporzionati sui telefoni. */
@media (max-width: 480px) {
	.yuki_blogger_homepage_builder_el_0_0_0 .yuki-post-item-title {
		font-size: clamp(1.15rem, 6vw, 1.5rem);
		line-height: 1.2;
	}
}