/* Couleur principale */
:root {
  --brand-color: #3aa89a;
  --hero-teal:#3aa89a;
}

/* Style du bouton rond */
.btn-brand {
  background-color: var(--brand-color);
  color: #fff;
  border-radius: 50px;
  padding: 10px 26px;
  font-weight: 700;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(58, 168, 154, 0.25);
}

.btn-brand:hover {
  background-color: #349487;
  color: #fff;
  transform: translateY(-2px);
}

/* Liens du menu */
.navbar-nav .nav-link {
  font-weight: 600;
  padding: 0.5rem 1rem;
  transition: color 0.2s ease;
}

.navbar-nav .nav-link:hover {
  color: var(--brand-color);
  text-decoration: underline;
}

/* Ajustement mobile */
@media (max-width: 991px) {
  .navbar-nav {
    text-align: center;
  }
  .d-flex {
    justify-content: center;
    margin-top: 1rem;
  }
}
/* banniere */