.navbar {
  transition: all 0.4s ease;
  background-color: transparent;
}
.navbar {
  background-color: rgba(15, 15, 15, 0.95);
  backdrop-filter: blur(8px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  
}




.navbar .nav-link {
  position: relative;
  color: #eee;
  font-weight: 500;
  transition: color 0.3s ease;
  text-decoration: none;
  
}
.navbar .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0%;
  background-color: var(--gold);
  transition: width 0.3s ease;
}
.navbar .nav-link:hover::after {
  width: 100%;
}

/* nav.css (Aggiungi o modifica) */

/* Stile base per le icone di navigazione (profilo/dashboard) */
.navbar .nav-icon {
  text-decoration: none;
  transition: color 0.3s ease, transform 0.3s ease;
  padding: 5px; /* Aggiunge un po' di spazio per il click */
  display: flex; /* Assicura che l'icona sia centrata se si aggiunge un bordo */
}

/* Effetto Hover per le icone */
.navbar .nav-icon:hover {
  color: var(--gold-dark); /* Rendi il colore più scuro o usa una tua variabile */
  transform: scale(1.1);
}

/* Assicurati che il pulsante Prenota non sia troppo grande */
.navbar .btn {
  /* Imposta una dimensione standard per il pulsante */
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
}

/* nav.css (Aggiungi in fondo o nella sezione navbar) */

/* Rende le icone che fungono da link più grandi e le anima al passaggio del mouse */
.navbar .nav-link .bi {
    transition: color 0.3s ease, transform 0.3s ease;
}

.navbar .nav-link:hover .bi {
    color: #ffd700 !important; /* Giallo più brillante al passaggio */
    transform: scale(1.1); /* Leggero ingrandimento */
}

/* Forse vuoi un piccolo margine tra Prenota Ora e le icone */
.navbar .ms-lg-3 + .nav-link {
    margin-left: 0.5rem !important;
}

@media (min-width: 992px) {
  #blur{padding-left: 15px;}
  .nav-link .bi ::after{padding-left: 15px;}
}

/* nav.css */
@media (max-width: 991px) {
  .navbar-collapse {
    background-color: rgba(15, 15, 15, 0.98);
    margin-top: 10px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--gold-dark);
  }

  .navbar .nav-link {
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }

  /* Allinea le icone (profilo/dashboard) in riga su mobile */
  .navbar .d-flex.align-items-center {
    justify-content: center;
    margin-top: 15px;
    gap: 20px;
  }
}