/* css/style.css */
body {
  background: #121212;
  color: #eee;
}
h1, h2, .navbar-brand {
  color: #e74c3c !important;
}
.card {
  background: #1e1e1e;
  border: none;
}
.card-text {
  color: #ccc;
}
.list-group-item {
  background: #1e1e1e;
  color: #eee;
  cursor: pointer;
}
.list-group-item.active,
.list-group-item:hover {
  background: #e74c3c;
  color: #fff;
}

/* Effetto zoom al passaggio del mouse */
.card-img-top {
  transition: transform .3s ease;
  cursor: pointer;
}
.card-img-top:hover {
  transform: scale(1.05);
}

/* Stili per il modal */
#imageModal .modal-content {
  background: #111;
  border: none;
}
#imageModal .modal-body {
  padding: 0;
}
#modalCaption {
  color: #eee;
  padding: .5rem;
}

/* Lascia spazio sotto al main perché il footer fisso non copra il testo */
body {
  padding-bottom: 100px; /* regola in base all’altezza effettiva del footer */
}

/* Limita l’altezza del modal image a 80% dell’altezza finestra */
#imageModal .modal-body img {
  max-height: 80vh;
  width: auto;       /* mantieni le proporzioni */
  display: block;    /* per centrarla orizzontalmente */
  margin: 0 auto;
}