/**
 * Formulaire de contact : blocs de champs affichés selon le sujet de la
 * demande, et texte d'aide sous un champ.
 *
 * Fichier autonome, chargé uniquement sur les pages contenant un formulaire :
 * il n'est pas intégré à la feuille de styles principale.
 */

.kg-form-conditionnel {
    display: none;
    border: none;
    padding: 0;
    margin: 0;
}

.kg-form-conditionnel.is-visible {
    display: block;
}

.kg-form-conditionnel legend {
    font-size: 18px;
    font-weight: bold;
    color: var(--kg-color-dark);
    margin-bottom: var(--kg-spacing-small);
    padding: 0;
}

.kg-form-conditionnel select:disabled {
    opacity: 0.5;
}

/* Champ commun remplacé par ceux d'un bloc conditionnel */
.kg-champ-masque {
    display: none;
}

/* Texte d'aide affiché sous un champ (ex. « 1 car = 63 personnes maximum ») */
.kg-input-wrapper .help-block:not(.error) {
    width: 100%;
    margin-top: 4px;
    color: #666;
    font-size: 0.875rem;
    line-height: 1.2;
}

/* Les gabarits Number et Date n'appliquent pas la classe kg-input */
.kg-input-wrapper input[type="number"],
.kg-input-wrapper input[type="date"],
.kg-input-wrapper input[type="time"] {
    border: none;
    min-height: 24px;
    flex-grow: 1;
    padding: 8px 4px;
    font-size: 16px;
    color: #333;
    max-width: 100%;
}