/* Generale */

body {

  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

  background-color: #121212;

  color: #f1f1f1;

}



/* Titolo */

h1 {

  font-weight: 700;

  color: #ffffff;

  text-shadow: 0 0 5px rgba(255, 255, 255, 0.1);

}



/* Card */

.card {

  background: rgba(20, 20, 20, 0.85) !important;

  border: 1px solid rgba(255, 255, 255, 0.05);

  backdrop-filter: blur(8px);

  border-radius: 15px;

  overflow: hidden;

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.card:hover {

  transform: scale(1.05);

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);

}



.card img {

  height: 200px;

  object-fit: cover;

  border-bottom: 1px solid rgba(255, 255, 255, 0.05);

}



.card-title {

  font-size: 1.2rem;

  font-weight: 600;

  color: #ffffff;

}



.card-text {

  color: #dddddd;

  font-size: 0.95rem;

}



.availability {

  margin: 10px 0;

  font-weight: 500;

}



/* Bottoni */

.btn {

  border-radius: 8px;

  font-weight: 500;

  transition: all 0.2s ease;

}



.btn-outline-light:hover {

  background: #e47911;

  color: #000 !important;

  border-color: #e47911;

}



/* Navbar */

.navbar {

  transition: background 0.3s ease;

  padding: 15px 0;

}



.navbar .nav-link {

  color: #ffffff !important;

  font-weight: 500;

  transition: color 0.3s ease, transform 0.2s ease;

}



.navbar .nav-link:hover {

  color: #e47911 !important;

  transform: translateY(-2px);

}



/* Modali */

.modal-content {

  border-radius: 15px;

  border: 1px solid rgba(255, 255, 255, 0.1);

}



.modal-body img {

  border-radius: 10px;

}



/* Responsive */

@media (max-width: 768px) {

  .card img {

    height: 180px;

  }



  .card-title {

    font-size: 1rem;

  }

}

.navbar-nav .nav-link {

  position: relative;

  color: #fff !important;

  font-weight: 500;

  transition: color 0.3s ease;

}





.navbar-nav .nav-link:hover {

  color: #e47911 !important;

}



.navbar-nav .nav-link:hover::after {

  width: 100%;

}



/* css footer */

/* Stili per il Footer */

footer {

    border-top: 1px solid rgba(255, 255, 255, 0.05);

}



footer a {

    color: #dddddd;

    transition: color 0.2s ease;

}



footer a:hover {

    color: #e47911; /* Colore arancione evidenziatore per il link */

}