.reservation-form-container {
    margin: 10px;
    padding: 10px;
    width: 80%; /* Ajustez si nécessaire */
    max-width: 1200px; /* Limite la largeur maximale */
    margin: 0 auto; /* Centre le formulaire */
}

/* Réinitialisation des styles des champs d'entrée */
.reservation-form-container input,
.reservation-form-container select,
.reservation-form-container textarea {

    box-sizing: border-box;
    padding: 3px; /* Réduire l'espacement interne */
    margin: 0; /* Enlever toute marge par défaut */
    border: 1px solid #ccc; /* Ajouter une bordure standard */
    font-size: 14px; /* Réduire la taille de la police */
}
/* Réduire spécifiquement la hauteur des textarea */
.reservation-form-container textarea {

    resize: none; /* Empêcher le redimensionnement */
}

/* Appliquer des styles spécifiques aux champs select */
.reservation-form-container select {
    
    padding: 3px; /* Ajuster le padding pour correspondre */
}    
/* Flexbox pour l'alignement */
.reservation-form-container .input-row,
.reservation-form-container .second-row,
.reservation-form-container .third-row,
.reservation-form-container .fourth-row {
    display: flex;
    flex-wrap: wrap;
    gap: 3px; /* Moins d'espace entre les champs */
    margin-bottom: 5px;
}

/* Largeurs spécifiques */
.reservation-form-container .input-50 { width: 48%; } /* 2 colonnes de 50% */
.reservation-form-container .input-40 { width: 38%; }
.reservation-form-container .input-35 { width: 33%; }
.reservation-form-container .input-30 { width: 28%; }
.reservation-form-container .input-25 { width: 23%; } /* 4 colonnes de 25% */
.reservation-form-container .input-20 { width: 18%; } /* 5 colonnes de 20% */
.reservation-form-container .input-15 { width: 13%; }
.reservation-form-container .input-10 { width: 8%; }
.reservation-form-container .input-5 { width: 5%; }

/* Style pour la zone de remarques */
.reservation-form-container .remark-box {
    width: 100%; /* Largeur maximale */
    height: 40px;
    margin-top: 5px;
}

/* Ajustement pour le bouton de soumission */
.reservation-form-container .submit-button {
    height: 40px;
    margin-top: 5px;
    width: 100%; /* Alignement complet pour la soumission */
    box-sizing: border-box;
    padding: 8px;
}

#miam{
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  height: 0px;
}

/* styles pour modal file d'attente */
#waitingModal input[type="text"], #waitingModal input[type="email"] { padding:8px; width:100%; box-sizing:border-box; }
#waitingModal h2 { font-size:1.25rem; }