/**
 * SaporiNostri – Stili per lo scroll infinito custom.
 * Loader puntini, bottone "Carica precedenti", messaggio fine lista.
 */

/* ── Bottone "Carica pagina precedente" ────────────────────────────────────── */
.sn-load-prev {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 0 auto .75rem;
	padding: 5px 12px 5px 9px;
	background: none;
	border: 1px solid #e5e7eb;
	border-radius: 20px;
	color: #6b7280;
	font-size: 12px;
	font-family: inherit;
	line-height: 1;
	cursor: pointer;
	transition: border-color .15s, color .15s, background .15s;
	/* centra il pill orizzontalmente */
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.sn-load-prev:hover {
	border-color: #f97316;
	color: #f97316;
	background: #fff7ed;
}

.sn-load-prev.is-loading {
	opacity: .55;
	cursor: not-allowed;
	pointer-events: none;
}

.sn-load-prev__prefix {
	color: #9ca3af;
}

/* ── Loader tre puntini ────────────────────────────────────────────────────── */
.sn-is-loader {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 2.5rem 0;
}

.sn-is-loader span {
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #f97316;
	animation: sn-bounce 1.2s ease-in-out infinite;
}

.sn-is-loader span:nth-child(2) { animation-delay: .18s; }
.sn-is-loader span:nth-child(3) { animation-delay: .36s; }

@keyframes sn-bounce {
	0%, 70%, 100% { transform: scale(.55); opacity: .35; }
	35%           { transform: scale(1);   opacity: 1;   }
}

/* ── Messaggio fine lista ──────────────────────────────────────────────────── */
.sn-is-end {
	text-align: center;
	color: #9ca3af;
	font-size: 13px;
	padding: 2rem 0 1.25rem;
	margin: .75rem 0 0;
	border-top: 1px solid #e5e7eb;
}

/* ── Sentinella (invisibile) ───────────────────────────────────────────────── */
.sn-scroll-sentinel {
	height: 1px;
	visibility: hidden;
	pointer-events: none;
}