/* ==========================================================================
   Fluent Form 1
   ========================================================================== */

.fluentform_wrapper_1 {
    --ff-radius: 0;
}

.fluentform_wrapper_1 .ff-el-form-control,
.fluentform_wrapper_1 .ff-btn-submit,
.fluentform_wrapper_1 .ff_t_c {
    font-family: var(--wp--preset--font-family--primary);
}

/* Reset des libellés visibles (on garde les placeholders comme "labels") */
.fluentform_wrapper_1 .ff-el-input--label {
    display: none;
}

/* Champs texte, email, textarea */
.fluentform_wrapper_1 .ff-el-form-control {
    background-color: var(--wp--preset--color--secondary);
    border: none;
    border-radius: var(--ff-radius);
    padding: 22px 28px;
    font-size: 1.05rem;
    color: var(--wp--preset--color--primary);
    box-shadow: none;
    transition: filter 0.2s ease;
}

.fluentform_wrapper_1 .ff-el-form-control::placeholder {
    color: var(--wp--preset--color--primary);
    opacity: 1;
}

.fluentform_wrapper_1 .ff-el-form-control:focus {
    background-color: #fff;
    outline: none;
    box-shadow: 0 0 0 1px var(--wp--preset--color--primary);
}

/* Textarea (Message) plus haut */
.fluentform_wrapper_1 textarea.ff-el-form-control {
   /* min-height: 220px;*/
    resize: vertical;
}

/* Groupes de champs : espace vertical régulier */
.fluentform_wrapper_1 .ff-el-group {
    margin-bottom: 22px;
}

/* Ligne Prénom / Nom côte à côte avec espace entre les deux */
.fluentform_wrapper_1 .ff-name-field-wrapper .ff-t-container {
    display: flex;
    gap: 24px;
}

.fluentform_wrapper_1 .ff-name-field-wrapper .ff-t-cell {
    flex: 1;
}

/* Checkbox GDPR */
.fluentform_wrapper_1 .ff_tc_checkbox input[type="checkbox"] {
    width: 22px;
    height: 22px;
    border: 1px solid var(--wp--preset--color--primary);
    border-radius: 0;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    position: relative;
    margin-right: 10px;
}

.fluentform_wrapper_1 .ff_tc_checkbox input[type="checkbox"]:checked {
    background-color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
}

.fluentform_wrapper_1 .ff_tc_checkbox input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.fluentform_wrapper_1 .ff_t_c {
    color: var(--wp--preset--color--primary);
}

/* Bouton d'envoi */
.fluentform_wrapper_1 .ff-btn-submit {
    padding: 12px 32px;
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 700;
    opacity: 1;
}