/**
 * Formulaires galaxyy-forms, mis en forme comme ceux de la source (Contact Form 7, thème
 * galaxyy-isimedia) : champs à bordure fine gris clair, sans arrondi ; cases à cocher et
 * mention « champ obligatoire » au corps du texte ; question de contrôle sur la moitié de la
 * largeur, avec le style de champ par défaut ; bouton d'envoi à gauche, mention dessous.
 *
 * Chargée après la feuille de l'extension (inc/forms.php), dont elle surcharge les règles.
 */

.galaxyy-forms-form-contact {
    --galaxyy-forms-gap: 32px;
}

.galaxyy-forms-form-contact .galaxyy-forms-row {
    column-gap: 32px;
}

.galaxyy-forms-form-contact :is(input:not([type="checkbox"]), select, textarea) {
    padding: 12px;
    border: 1px solid var(--gt-color-neutral-400);
    border-radius: 0;
    font-size: 13.33px;
}

/* Champ texte de 7 lignes (hauteur de la source), sans espace de ligne sous lui. */
.galaxyy-forms-form-contact textarea {
    display: block;
    height: 131px;
}

/* Cases à cocher juste sous le message, sans espace entre elles. */
.galaxyy-forms-form-contact .galaxyy-forms-field:has(textarea) {
    margin-bottom: 10px;
}

.galaxyy-forms-form-contact .galaxyy-forms-field--checkbox {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}

.galaxyy-forms-form-contact .galaxyy-forms-field--checkbox input {
    width: 13px;
    height: 13px;
    margin: 4px 0 0 4px;
}

.galaxyy-forms-form-contact .galaxyy-forms-field--checkbox label {
    gap: 4px;
}

.galaxyy-forms-form-contact .galaxyy-forms-field--verification {
    margin-top: 29px;
}

.galaxyy-forms-form-contact .galaxyy-forms-field--verification .galaxyy-forms-label {
    margin-bottom: 8px;
    line-height: normal;
}

.galaxyy-forms-form-contact .galaxyy-forms-field--verification input {
    width: 48%;
    padding: 16px;
    border: 2px solid var(--gt-color-neutral-700);
    border-radius: 4px;
    font-size: 14px;
    line-height: normal;
}

/* Bouton à la position de la source (136px sous la question de contrôle), mention 32px dessous. */
.galaxyy-forms-form-contact .galaxyy-forms-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    margin-top: 134px;
}

.galaxyy-forms-form-contact .galaxyy-forms-required-notice {
    color: inherit;
    font-size: 16px;
    line-height: 24px;
}
