/* =====================================================================
   HOMEPAGE (page-homepage.php)
   Stessa struttura di sempre: su desktop una schermata unica con vetrina,
   titoli delle slide, ultime notizie e footer in fondo; su mobile la
   vetrina e sotto le notizie. Il footer resta quello originale del sito.
   La base (token, bottoni, vetrina a slide...) è in css/lrf.css.
   ===================================================================== */

.lrf-home{
	--slide-rgb: 18, 17, 16;
	--film: rgb(var(--slide-rgb));
	--film-rgb: var(--slide-rgb);
	position: relative;
	background-color: rgb(var(--slide-rgb));
	transition: background-color 1.2s ease;
}
body{ background-color: #121110; }


/* posizioni verticali (desktop): footer → notizie → titoli → contenuto */
.lrf-home{
	--foot-h: max(3%, 34px);
	--news-h: 84px;
	--news-b: calc(var(--foot-h) + 10px);
	--tabs-b: calc(var(--news-b) + var(--news-h) + 22px);
	--content-b: calc(var(--tabs-b) + 64px);
}



/* ---------------------------------------------------------------------
   ULTIME NOTIZIE — sotto i titoli delle slide
   --------------------------------------------------------------------- */
.lrf-homenews{
	position: absolute;
	left: 0;
	right: 0;
	bottom: var(--news-b);
	z-index: 5;
	width: var(--wrap);
	margin: 0 auto;
	animation: lrf-rise 1.4s var(--ease) 1s both;
}
.lrf-homenews__title{
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
.lrf-homenews__list{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lrf-newscard{
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	height: var(--news-h);
	padding: 8px 24px 8px 8px;
	border-radius: 5px;
	background: rgba(12, 11, 10, 0.5);
	backdrop-filter: blur(18px) saturate(1.3);
	-webkit-backdrop-filter: blur(18px) saturate(1.3);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
	transition: background-color .35s ease, transform .5s var(--ease);
}
.lrf-newscard:hover{ background: rgba(28, 26, 24, 0.7); transform: translateY(-3px); }
.lrf-newscard__img{
	display: block;
	height: 100%;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.06) center / cover no-repeat;
}
.lrf-newscard__body{
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}
.lrf-newscard__more{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.6rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ink-3);
	transition: color .3s ease, gap .3s var(--ease);
}
.lrf-newscard__more svg{ font-size: 1.2em; }
.lrf-newscard:hover .lrf-newscard__more{ color: var(--ink); gap: 9px; }
.lrf-newscard__title{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.86rem;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.005em;
	color: var(--ink);
}
.lrf-newscard__brand{
	height: 14px;
	width: auto;
	align-self: flex-start;
	filter: brightness(0) invert(1);
	opacity: 0.85;
}


/* ---------------------------------------------------------------------
   DESKTOP: una schermata unica, come prima
   --------------------------------------------------------------------- */
@media (min-width: 1001px){
	.lrf-home{
		--wrap: 94%;
		height: 100vh;
		height: 100svh;
		min-height: 640px;
		overflow: hidden;
	}
	.lrf-show{ height: 100%; min-height: 0; }
}

@media (min-width: 1001px) and (max-height: 760px){
	.lrf-home{ --news-h: 72px; }
	.lrf-slide__logo img{ max-height: 90px; }
	.lrf-slide__actions{ margin-top: 20px; }
}


/* ---------------------------------------------------------------------
   MOBILE: vetrina e sotto le notizie in lista
   --------------------------------------------------------------------- */
@media (max-width: 1000px){
	.lrf-homenews{
		position: static;
		padding: 48px 0 56px;
		animation: none;
	}
	.lrf-homenews__title{
		position: static;
		width: auto;
		height: auto;
		clip: auto;
		margin-bottom: 20px;
	}
	.lrf-homenews__list{
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		border-top: 1px solid var(--line);
	}
	.lrf-homenews__list li{ border-bottom: 1px solid var(--line); }
	.lrf-newscard,
	.lrf-newscard:hover{
		grid-template-columns: 40% minmax(0, 1fr);
		gap: 16px;
		height: auto;
		padding: 18px 0;
		border-radius: 0;
		background: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		box-shadow: none;
		transform: none;
	}
	.lrf-newscard__img{ height: auto; aspect-ratio: 4 / 3; }
	.lrf-newscard__more{ font-size: 0.66rem; }
	.lrf-newscard__title{ -webkit-line-clamp: 3; font-size: 0.98rem; }
}

@media (prefers-reduced-motion: reduce){
	.lrf-home{ transition: none; }
	.lrf-homenews{ animation: none; }
}