/* Wrapper generale */
/* Spazio laterale dedicato alle frecce */
.avc-wrap {
  position: relative;
  /* puoi regolare questo valore a piacere */
  --avc-nav-space: 56px;  /* spazio per lato */
  padding: 0 var(--avc-nav-space);
}
.avc-wrap--horizontal { }

/* Contenitore Swiper: nasconde le card fuori dall'area visibile */
.avc-wrap--horizontal .avc-swiper { 
  width: 100%;
  overflow: hidden; /* fondamentale per non vedere la 4ª card */
}

/* Ogni slide occupa l'altezza del contenuto */
.swiper-slide { height: auto; }

/* Card */
.avc-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  text-decoration: none;
  color: #2c2c2c;
  height: 100%;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease;
  border: solid 1px #b78864;
  text-align: center;
}
.avc-card:hover {
  transform: translateY(-0px);
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
  color: #000000;	
}
.avc-card__body { display: flex; flex-direction: column; gap: 6px; }
.avc-card__title { font-weight: 700; line-height: 1.25; }
.avc-card__date  { 
	font-size: 35px;
    color: #b78864;
    font-weight: 600;
}
.avc-card__title{
	font-size: 25px;
}

.avc-card__cta {
  align-self: center;
  white-space: nowrap;
  font-size: 16px;
	color: #ffffff;
    background-color: #000;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
    padding: 8px 25px;
    border-radius: 5px;
    margin-top: 10px;
}
.avc-card:hover .avc-card__cta {
  background: #b78864;
  color: #000;
  transform: translateY(-1px);
}

/* Frecce: ora stanno dentro al padding e non coprono le card */
.avc-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 40px; height: 40px;
  border-radius: 999px;
  border: 1px solid rgb(0 0 0);
  background: #b88864;
  display: grid; place-items: center;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease, opacity .2s ease;
  align-content: center;
}
.avc-nav:hover { box-shadow: 0 6px 18px rgba(0,0,0,.12); background: #b88864;}

.avc-prev { left: 0px; }
.avc-next { right: 0px; }

/* Stato disabilitato Swiper */
.avc-nav.swiper-button-disabled {
  opacity: .4;
  pointer-events: none;
}

/* Responsive: riduci lo spazio laterale e mantieni le frecce vicine al bordo */
@media (max-width: 1024px) {
  .avc-wrap { --avc-nav-space: 46px; }
  .avc-prev { left: 6px; }
  .avc-next { right: 6px; }
}
@media (max-width: 640px) {
  .avc-wrap { --avc-nav-space: 38px; }
  .avc-prev { left: 4px; }
  .avc-next { right: 4px; }
}