.btn-success{
    background-color: #12b104!important;
}

button:disabled,
button[disabled]{
  background-color: #a0a2a5;
}

.hero-section {
  position: relative;
  width: 100%;
  height: 100vh; /* pleine hauteur d’écran */
  overflow: hidden;
}

.hero-bg {
  width: 100%;
  height: 100%;
  object-fit: cover; /* garde le ratio, couvre l’écran */
}

.hero-logo {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-logo-img {
  height: 40vh;        /* Taille par défaut */
  width: auto;
  object-fit: contain;  /* Empêche les rognages */
}

/* ✅ Ajuste la taille sur mobile */
@media (max-width: 768px) {
  .hero-logo-img {
    height: 20vh;  /* un peu plus petit pour les écrans moyens */
  }
}

@media (max-width: 480px) {
  .hero-logo-img {
    height: auto;       /* on repasse en largeur fixe */
    width: 70vw;        /* 70 % de la largeur de l’écran */
    max-width: 300px;   /* limite pour les très petits écrans */
  }
}