/* 
 * CLICKABLE CARD STYLES - VERSIONE SEMPLIFICATA
 * CSS per rendere le carte completamente cliccabili
 * My Place Malpensa
 */

/* Posizionamento relativo per la card */
.location-card, 
.attraction-card, 
.property-card {
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}

/* Effetto hover base */
.location-card:hover, 
.attraction-card:hover, 
.property-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Link overlay che copre l'intera card */
.location-card-link, 
.attraction-card-link, 
.property-card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* Importante: tutti gli elementi interattivi devono essere sopra il link */
.location-card a:not(.location-card-link), 
.location-card button, 
.location-card input,
.attraction-card a:not(.attraction-card-link), 
.attraction-card button,
.property-card a:not(.property-card-link), 
.property-card button {
  position: relative;
  z-index: 2;
}

/* Assicuriamo che il cursore sia a puntatore */
.location-card:hover,
.attraction-card:hover,
.property-card:hover {
  cursor: pointer;
}