/* Dettagli che theme.json non copre. */

/* Banda arcobaleno: applicare la classe a un group vuoto alto 6px */
.orto-banda-arcobaleno {
	background: linear-gradient(90deg, #D6402E 0%, #D6402E 20%, #ED8A23 20%, #ED8A23 40%, #F3C614 40%, #F3C614 60%, #57A6D8 60%, #57A6D8 80%, #7A4497 80%, #7A4497 100%);
	height: 6px;
	min-height: 6px;
	padding: 0;
}

/* Card alloggio: la foto in cima leggermente arrotondata, ombra morbida al passaggio */
.orto-card {
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 2px rgba(31, 42, 27, 0.08);
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.orto-card:hover {
	box-shadow: 0 14px 32px rgba(31, 42, 27, 0.16);
	transform: translateY(-3px);
}
.orto-card img {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: cover;
}

/* Filetto colorato sopra il titolo delle card (colore per tipologia) */
.orto-filetto {
	display: inline-block;
	width: 3.5rem;
	height: 5px;
	border-radius: 999px;
}

/* Titoli display con la "morbidezza" Fraunces */
.orto-display {
	font-optical-sizing: auto;
	letter-spacing: -0.015em;
}

/* Hero: il video/cover a tutta larghezza senza margini */
.orto-hero video,
.orto-hero img {
	object-fit: cover;
}

/* FAQ (blocco dettagli): righe pulite con separatore verde chiaro */
.orto-faq details {
	border-bottom: 1px solid rgba(45, 106, 52, 0.18);
	padding: 0.9rem 0;
}
.orto-faq summary {
	font-weight: 600;
	cursor: pointer;
	color: #2D6A34;
}