.elementor-417 .elementor-element.elementor-element-3d496f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-417 .elementor-element.elementor-element-adff19b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--grid-auto-flow:row;}.elementor-417 .elementor-element.elementor-element-1d8aeae{--display:flex;--border-radius:36px 36px 36px 36px;--padding-top:49px;--padding-bottom:49px;--padding-left:49px;--padding-right:49px;}.elementor-417 .elementor-element.elementor-element-1d8aeae:not(.elementor-motion-effects-element-type-background), .elementor-417 .elementor-element.elementor-element-1d8aeae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F14F;}.elementor-417 .elementor-element.elementor-element-00cc558{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-417 .elementor-element.elementor-element-adff19b{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-417 .elementor-element.elementor-element-adff19b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-5ceb005 */<style>
/* ========== CONTACT FORM SYNAP6 — CF7 ========== */

.wpcf7 {
    font-family: 'Poppins', sans-serif;
}

/* Row : 2 champs côte à côte */
.synap6-contact-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

/* Groupe de champ */
.synap6-contact-form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.synap6-contact-form-group.full {
    margin-bottom: 20px;
}

/* Labels */
.synap6-contact-form-group label {
    font-size: 13px;
    font-weight: 600;
    color: #0E5A67;
    letter-spacing: 0.3px;
}

/* Inputs & Textarea */
.synap6-contact-form-group input[type="text"],
.synap6-contact-form-group input[type="email"],
.synap6-contact-form-group input[type="tel"],
.synap6-contact-form-group textarea {
    width: 100%;
    padding: 14px 18px;
    border: 1.5px solid #d0dfe2;
    border-radius: 12px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #0E5A67;
    background: #ffffff;
    transition: all 0.3s ease;
    outline: none;
}

.synap6-contact-form-group input:focus,
.synap6-contact-form-group textarea:focus {
    border-color: #08CAC1;
    box-shadow: 0 0 0 3px rgba(8, 202, 193, 0.12);
}

.synap6-contact-form-group input::placeholder,
.synap6-contact-form-group textarea::placeholder {
    color: #a0b8bc;
    font-weight: 400;
}

/* Textarea */
.synap6-contact-form-group.full textarea {
    min-height: 130px;
    resize: vertical;
}

/* ========== CHECKBOX RGPD ========== */
.synap6-contact-checkbox {
    margin-bottom: 25px;
    margin-top: 5px;
}

/* Le wrapper acceptance de CF7 */
.synap6-contact-checkbox .wpcf7-acceptance {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.synap6-contact-checkbox .wpcf7-list-item {
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.synap6-contact-checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-top: 2px;
    accent-color: #08CAC1;
    cursor: pointer;
    flex-shrink: 0;
}

.synap6-contact-checkbox .wpcf7-list-item-label {
    font-size: 12px;
    color: #5a7a80;
    line-height: 1.6;
}

.synap6-contact-checkbox a {
    color: #08CAC1;
    text-decoration: underline;
    transition: color 0.3s;
}

.synap6-contact-checkbox a:hover {
    color: #0E5A67;
}

/* ========== BOUTON ENVOYER ========== */
.wpcf7 .synap6-contact-submit,
.wpcf7 input.synap6-contact-submit,
.wpcf7 input[type="submit"].synap6-contact-submit {
    display: block;
    width: 100%;
    background: #08CAC1;
    color: #ffffff;
    padding: 16px 40px;
    border: none;
    border-radius: 12px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    letter-spacing: 0.5px;
}

.wpcf7 .synap6-contact-submit:hover,
.wpcf7 input.synap6-contact-submit:hover {
    background: #07b5ad;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(8, 202, 193, 0.3);
}

/* Spinner CF7 */
.wpcf7 .wpcf7-spinner {
    margin-top: 10px;
}

/* Messages CF7 (succès / erreur) */
.wpcf7-response-output {
    border-radius: 10px !important;
    padding: 14px 20px !important;
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif !important;
    margin-top: 15px !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #08CAC1 !important;
    background: rgba(8, 202, 193, 0.08) !important;
    color: #0E5A67 !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7-not-valid-tip {
    color: #e74c3c !important;
    font-size: 12px !important;
}

/* Masquer le span wrapper CF7 */
.wpcf7-form-control-wrap {
    display: block;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .synap6-contact-form-row {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .wpcf7 .synap6-contact-submit,
    .wpcf7 input.synap6-contact-submit {
        padding: 14px 30px;
        font-size: 14px;
    }
}
</style>/* End custom CSS */