/* ACF Block: Loghi – stile base per carosello di loghi */

/* Spaziatura di sicurezza intorno al carosello */
.logos-swiper {
  position: relative;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Allineamento slide e dimensione immagini */
.logos-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
}

.logos-swiper .logo-link,
.logos-swiper .logo-img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.logos-swiper .logo-img {
  max-height: 64px;
  width: auto;
  height: auto;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  transition: transform .2s ease, filter .2s ease, opacity .2s ease;
  opacity: 0.95;
}

@media (min-width: 768px) {
  .logos-swiper .logo-img { max-height: 72px; }
}

@media (min-width: 1200px) {
  .logos-swiper .logo-img { max-height: 80px; }
}

/* Effetti hover leggeri */
.logos-swiper .logo-link:hover .logo-img,
.logos-swiper .logo-link:focus .logo-img {
  transform: translateY(-1px);
  opacity: 1;
}

/* Pagination */
.logos-swiper .swiper-pagination {
  position: relative;
  margin-top: 8px;
}

.logos-swiper .swiper-pagination-bullet {
  width: 8px; height: 8px;
  opacity: 0.5;
}
.logos-swiper .swiper-pagination-bullet-active {
  opacity: 1;
}

/* Frecce (se abilitate) */
.logos-swiper .swiper-button-prev,
.logos-swiper .swiper-button-next {
  width: 36px;
  height: 36px;
  backdrop-filter: saturate(120%) blur(2px);
}
.logos-swiper .swiper-button-prev:hover,
.logos-swiper .swiper-button-next:hover {
  background: rgba(0,0,0,0.12);
}
.logos-swiper .swiper-button-prev::after,
.logos-swiper .swiper-button-next::after {
  font-size: 16px;
}

/* Tema scuro (se hai una classe globale .is-dark sul body o wrapper) */
.is-dark .logos-swiper .swiper-button-prev,
.is-dark .logos-swiper .swiper-button-next {
  background: rgba(255,255,255,0.12);
}
.is-dark .logos-swiper .swiper-button-prev:hover,
.is-dark .logos-swiper .swiper-button-next:hover {
  background: rgba(255,255,255,0.18);
}
.logos-swiper .swiper-button-prev {
  left: -20px; /* distanzia la freccia a sinistra */
}

.logos-swiper .swiper-button-next {
  right: -20px; /* distanzia la freccia a destra */
}

.logos-swiper {
  position: relative;
  width: 100%;
  padding-block: 8px;
  padding-inline: 2rem !important;
}

@media (max-width: 768px) {
  .logos-swiper .swiper-button-prev { left: -28px; transform: translateY(40%) !important;}
  .logos-swiper .swiper-button-next { right: -28px;transform: translateY(40%) !important; }
}

.loghi .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loghi .logo-img {
    max-height: 64px;
    width: auto;
    height: auto;
    object-fit: contain;
    /* Aggiunge una transizione fluida per l'hover se necessario */
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Esempio di effetto hover */
.loghi .logo-link:hover .logo-img {
    transform: scale(1.05);
    opacity: 0.9;
}

@media (min-width: 768px) {
    .loghi .logo-img {
        max-height: 72px;
    }
}

@media (min-width: 1200px) {
    .loghi .logo-img {
        max-height: 80px;
    }
}

/* Stili per i bottoni di navigazione Swiper, se necessario personalizzarli */
.loghi .swiper-button-prev,
.loghi .swiper-button-next {
    /* Tuoi stili personalizzati */
    color: #333; /* Esempio */
}

.loghi .swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}

/* Stile base per il blocco loghi */
.logos-swiper {
    width: 100%;
    overflow: hidden;
}

.logo-link img {
    max-width: 100%;
    height: auto;
    /* Opzionale: grayscale di default */
    filter: grayscale(100%); 
    transition: filter 0.3s ease;
}

.logo-link:hover img {
    filter: grayscale(0%);
}

/* IMPORTANTE PER AUTO-SCROLL 
   Sovrascrive l'easing di default di Swiper (ease-out) 
   per renderlo continuo e lineare 
*/
.logos-swiper.is-autoscroll .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}