/* Approdo Kit: caroselli con frecce (vedi carousel.js). Il colore segue il testo del template. */
.approdo-carousel { flex-wrap: nowrap !important; }
/* Carosello anche senza script (o con script ritardati da plugin di ottimizzazione): la fila scorre e le card non si stringono. */
.approdo-carousel.e-con-full, .approdo-carousel > .e-con-inner { flex-wrap: nowrap !important; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.approdo-carousel.e-con-full > .e-con, .approdo-carousel > .e-con-inner > .e-con { flex-shrink: 0 !important; scroll-snap-align: start; }
.approdo-carousel__track { display: flex; flex-wrap: nowrap !important; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory;
	scroll-behavior: smooth; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain;
	/* La prima e l'ultima card si allineano al margine interno del contenitore, non al bordo. */
	scroll-padding-inline: var(--padding-left, 0px) var(--padding-right, 0px); }
.approdo-carousel__track::-webkit-scrollbar { display: none; }
.approdo-carousel__track > * { flex-shrink: 0 !important; scroll-snap-align: start; }
.approdo-carousel__track:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; border-radius: 6px; }
.approdo-carousel__nav { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }
.approdo-carousel__nav[hidden] { display: none; }
.approdo-carousel__btn { width: 48px; height: 48px; border-radius: 50%; border: 1px solid currentColor; background: transparent; color: inherit;
	display: inline-grid; place-items: center; cursor: pointer; padding: 0; transition: background-color .25s ease, color .25s ease, opacity .25s ease; }
.approdo-carousel__btn:hover:not(:disabled) { background: rgba(127, 127, 127, .16); }
.approdo-carousel__btn:disabled { opacity: .3; cursor: default; }
.approdo-carousel__btn:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .approdo-carousel__track { scroll-behavior: auto; } }
