/* mobile-form.css - Styles dédiés au formulaire dans le menu mobile */

/* Styles appliqués uniquement dans le contexte du menu mobile */
.mobile-header-wrapper-style .booking-form,
.mobile-header-active .booking-form {
    width: 100% !important;
    max-width: 260px !important;
    margin: 0 auto !important;
    padding: 10px !important;
    background-color: #1a1a1a !important;
    border-radius: 8px !important;
}

/* Réduction de la hauteur des éléments du formulaire */
.mobile-header-wrapper-style input,
.mobile-header-wrapper-style textarea,
.mobile-header-wrapper-style select,
.mobile-header-wrapper-style .datepicker,
.mobile-header-active input,
.mobile-header-active textarea,
.mobile-header-active select,
.mobile-header-active .datepicker {
    height: 28px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    margin-bottom: 5px !important;
    line-height: 1 !important;
    border-radius: 4px !important;
}

/* Réduction de la hauteur des textarea */
.mobile-header-wrapper-style textarea,
.mobile-header-active textarea {
    height: 40px !important;
    min-height: 40px !important;
}

/* Réduction de la taille des labels */
.mobile-header-wrapper-style label,
.mobile-header-active label {
    font-size: 10px !important;
    margin-bottom: 2px !important;
    display: block !important;
}

/* Ajustement des espaces entre les groupes */
.mobile-header-wrapper-style .form-group,
.mobile-header-active .form-group {
    margin-bottom: 5px !important;
}

/* Réduction de la taille des titres */
.mobile-header-wrapper-style .form-header h2,
.mobile-header-active .form-header h2 {
    font-size: 16px !important;
    margin-bottom: 2px !important;
}

.mobile-header-wrapper-style .form-header p,
.mobile-header-active .form-header p {
    font-size: 11px !important;
    margin-bottom: 5px !important;
}

/* Réduction de la taille du bouton */
.mobile-header-wrapper-style .submit-btn,
.mobile-header-active .submit-btn {
    height: 28px !important;
    font-size: 12px !important;
    padding: 4px 8px !important;
    margin-top: 5px !important;
    line-height: 1.2 !important;
}

/* Suppression des espaces inutiles */
.mobile-header-wrapper-style br,
.mobile-header-active br {
    display: none !important;
}

/* Règles spéciales pour PerfectScrollbar */
.mobile-header-wrapper-style.perfect-scrollbar .ps__rail-y,
.mobile-header-active.perfect-scrollbar .ps__rail-y {
    width: 4px !important;
    right: 2px !important;
}

.mobile-header-wrapper-style.perfect-scrollbar .ps__thumb-y,
.mobile-header-active.perfect-scrollbar .ps__thumb-y {
    width: 4px !important;
    right: 2px !important;
    background-color: rgba(255, 255, 255, 0.3) !important;
}