/* 1. Assurez-vous que chaque slide a la même hauteur */
.swiper-wrapper {
    display: flex;
}

.swiper-slide {
    display: flex;
    height: auto; /* Let height be auto from content */
    flex: 1 0 auto; /* Do not shrink */
}

/* 2. Étire les cards à 100% de la slide */
.news-card-items.style-2 {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    padding: 20px;
}

/* 3. Image toujours en haut */
.news-image img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 15px;
}

/* 4. Le contenu prend l’espace restant */
.news-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 5. Le bouton toujours aligné en bas */
.news-content a.btn {
    margin-top: auto;
}


/*pour les etapes du formulaire de reservation*/
.step {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease;
}

.step.active {
    opacity: 1;
    visibility: visible;
    height: auto;
}

select {
  display: block !important;
}

.nice-select {
  display: none; /* ou supprime le plugin */
}

.modal {
    overflow: visible !important;
}

.modal-body {
    overflow-y: auto !important;
}

body.modal-open {
    overflow: hidden; /* Bootstrap normal */
}