/*
 * Ritocchi per le due sezioni social della home.
 * Il markup e' quello del tema: qui si aggiunge solo cio' che prima non
 * esisteva, cioe' le tessere cliccabili della griglia Instagram e la riga
 * che dichiara la provenienza delle recensioni.
 */

/* --- Griglia Instagram: le foto diventano link ai post --- */

.social-griglia .social-tessera {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: var(--raggio-card, 14px);
	line-height: 0;
	transition: transform var(--transizione, 0.3s ease);
	-webkit-tap-highlight-color: transparent;
}

.social-griglia .social-tessera img {
	display: block;
	transition: transform var(--transizione, 0.3s ease), filter var(--transizione, 0.3s ease);
}

@media (hover: hover) {
	.social-griglia .social-tessera:hover img,
	.social-griglia .social-tessera:focus-visible img {
		transform: scale(1.06);
		filter: brightness(0.92);
	}
}

.social-griglia .social-tessera:focus-visible {
	outline: 2px solid var(--arancio, #F09D28);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.social-griglia .social-tessera,
	.social-griglia .social-tessera img {
		transition: none;
	}
	.social-griglia .social-tessera:hover img {
		transform: none;
	}
}

/* --- Provenienza delle recensioni --- */

.recensioni__fonte {
	max-width: none;
	margin-top: 1.6rem;
	text-align: center;
	font-size: 0.9rem;
	color: var(--marrone-70, rgba(48, 28, 0, 0.7));
}

.recensioni__fonte a {
	color: inherit;
	text-underline-offset: 3px;
}

.recensioni__fonte a:hover,
.recensioni__fonte a:focus-visible {
	color: var(--arancio, #F09D28);
}