/* ========================================== */
/* STILE DESKTOP (Schermi Grandi)             */
/* ========================================== */
.responsive-slider-column {
  display: inline-block !important; 
  vertical-align: top !important; 
  float: left !important; 
  width: auto !important; 
  position: relative !important; 
  z-index: 1 !important; 
  margin-top: -710px !important; 
}

/* Contenitore esterno trasparente per 3 album (ridotto a 735px) */
.vertical-slider-container {
  width: 100% !important; 
  height: 710px !important; 
  overflow: hidden !important; 
  position: relative !important;
  background: transparent !important;
}

.vertical-slider-track {
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
}

/* Singolo blocco album - Più stretto (ridotto a 245px) */
.slider-item {
  width: 100% !important;
  height: 245px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

/* Box ritaglio foto - Più compatto (ridotto a 120px) */
.album-crop-box {
  width: 100% !important;
  max-width: 100% !important;
  height: 120px !important;
  max-height: 120px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 6px !important; 
  background: transparent !important;
}

.album-crop-box img {
  width: 100% !important;
  max-width: 100% !important;
  height: 120px !important; 
  max-height: 120px !important;
  object-fit: cover !important; 
  object-position: center !important; 
  display: block !important;
  border-radius: 6px !important; 
}

/* Spaziature e testi */
.album-info {
  padding: 6px 0 0 0 !important;
  background: transparent !important;
}

/* Forzatura del colore bianco per la scritta ALBUM • NUOVA USCITA */
.album-info .label.text-white {
  color: #cfd8dc !important; 
  font-size: 11px !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
}

.album-info .album-title {
  font-size: 19px !important; /* MODIFICATO: Dimensione a 18px */
  margin: 3px 0 !important;
  line-height: 1.3 !important;
}

/* NUOVO: Stile titolo Arancione fissato a 17px */
.album-info .album-title a.title-orange {
  color: #d9744b !important; /* Colore arancione di base */
  font-size: 19px !important;
  text-decoration: none !important;
  font-style: italic !important;
  display: inline-block !important;
  transition: color 0.2s ease !important;
}

/* NUOVO: Al passaggio del mouse il titolo diventa Bianco */
.album-info .album-title a.title-orange:hover {
  color: #ffffff !important; 
}

/* MODIFICATO: Forza la data ad essere più grande e di colore azzurro/grigio */
.album-info .album-date.highlighted-date {
  color: #9FB1C9 !important; 
  font-size: 14px !important;  /* AUMENTATO: Ora è nettamente più grande */
  display: block !important;
  margin-top: 4px !important;
}

/* Mantiene il link del PLAY VIDEO coerente alla nuova dimensione */
.album-info .album-date.highlighted-date a {
  color: #ff3b30 !important;
  text-decoration: underline !important;
  display: inline-block !important;
  padding: 2px 0 !important;
  font-size: 14px !important; /* Allineato a 14px */
}

/* MODIFICATO: Stile per il contenitore delle frecce (più compatto) */
.slider-controls {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important; /* Spazio ridotto tra i due tasti */
  padding: 8px 0 !important; /* Meno spazio sopra e sotto */
  width: 100% !important;
  clear: both !important;
}

/* MODIFICATO: Tasti lunghi ma più stretti/sottili in altezza */
.slider-arrow-btn {
  background: #111111 !important;
  border: 1px solid #333333 !important;
  color: #ffffff !important;
  font-size: 13px !important;      /* MANTENUTO: Freccia/triangolo grande */
  padding: 4px 22px !important;    /* MODIFICATO: Molto sottile sopra/sotto (4px), lungo ai lati (22px) */
  min-width: 60px !important;      /* MANTENUTO: Garantisce la lunghezza del tasto */
  cursor: pointer !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
  line-height: 1 !important;
}

.slider-arrow-btn:hover {
  background: #d9744b !important;  
  color: #ffffff !important;
  border-color: #d9744b !important;
}




/* ========================================== */
/* COPERTURA RESPONSIVE (5 ALBUM SU MOBILE)   */
/* ========================================== */
@media screen and (max-width: 992px) {
  .responsive-slider-column {
    width: 100% !important;
    float: none !important;
    display: block !important;
    margin-top: -780px !important; 
    position: relative !important;
    z-index: 1 !important;
  }
  
  .vertical-slider-container {
    height: 765px !important;
    overflow: hidden !important; 
  }
  
  .vertical-slider-track {
    flex-direction: column !important; 
    flex-wrap: nowrap !important;
    gap: 0px !important; 
  }
  
  .slider-item {
    width: 100% !important; 
    height: 255px !important;
    padding: 5px 10px !important; 
  }
  
  .album-crop-box,
  .album-crop-box img {
    height: 130px !important; 
    max-height: 130px !important;
  }
}