.avs-pax-selector label {
  margin-top: 4px;
  font-weight: 500;
}

/* Boutons plus larges pour le touch on mobile */
.avs-pax-selector .btn-pax {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dee2e6;
    border-radius: 50% !important; /* Ronds */
    padding: 0;
    font-size: 1.2rem;
}

.avs-pax-selector .pax-input {
    text-align: center;
    border: none;
    background: transparent;
    font-weight: bold;
    width: 50px !important;
    flex: none; /* Empêche de grandir trop */
    padding: 0;
}

/* Sur mobile, on assure un alignement correct */
.avs-pax-selector {
    padding: 0.5rem 0;
}

/* Adaptation pour les très petits écrans (< 320px) */
@media (max-width: 340px) {
    .avs-pax-selector {
        gap: 0.5rem !important; /* Réduit l'espace entre le label et les contrôles */
    }

    .avs-pax-selector label {
        font-size: 0.9rem; /* Réduit légèrement la taille du texte */
    }

    .avs-pax-selector .btn-pax {
        width: 32px;
        height: 32px;
        font-size: 1rem; /* Icone plus petite */
    }

    .avs-pax-selector .pax-input {
        width: 36px !important; /* Input plus étroit */
        height: 32px;
        font-size: 1rem;
    }
}