/**
 * Styles pour le composant titre-texte-deux-collones
 */

.atom-formulaire .wp-block-image {
    display: flex;
    flex-shrink: 0;
}

.atom-formulaire .content-formulaire {
    width: 100%;
}

.atom-formulaire .forminator-guttenberg .forminator-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.atom-formulaire .forminator-guttenberg label {
    color: var(--black-500, var(--Black, #000)) !important;
    font-size: var(--M, 18px) !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    font-family: var(--wp--preset--font-family--lato) !important;
}

.atom-formulaire .forminator-guttenberg input,
.atom-formulaire .forminator-guttenberg textarea,
.select2-search__field {
    display: flex !important;
    padding: var(--25, 10px) var(--4, 16px) !important;
    justify-content: space-between !important;
    align-items: center !important;
    align-self: stretch !important;
    border-radius: var(--L, 20px) !important;
    border: 1px solid var(--Tertiary, #1F0FFF) !important;
    background: var(--White, #FFF) !important;
    font-size: var(--M, 18px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-family: var(--wp--preset--font-family--lato) !important;
    height: 42px !important;
}

.atom-formulaire .forminator-guttenberg textarea {
    height: 154px !important;
    resize: none !important;
}

.atom-formulaire .forminator-guttenberg input::placeholder,
.atom-formulaire .forminator-guttenberg textarea::placeholder,
.select2-search__field::placeholder {
    color: var(--black-500, var(--Black, #000)) !important;
    font-size: var(--M, 18px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-family: var(--wp--preset--font-family--lato) !important;
}

.atom-formulaire .forminator-guttenberg .select2-selection {
    display: flex !important;
    padding: var(--25, 10px) var(--4, 16px) !important;
    justify-content: space-between !important;
    align-items: center !important;
    align-self: stretch !important;
    border-radius: var(--L, 20px) !important;
    border: 1px solid var(--Tertiary, #1F0FFF) !important;
    background: var(--White, #FFF) !important;
    height: 42px !important;
    font-family: var(--wp--preset--font-family--lato) !important;
}

.atom-formulaire .forminator-guttenberg .select2-selection__placeholder {
    color: var(--black-500, var(--Black, #000)) !important;
    font-size: var(--M, 18px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-family: var(--wp--preset--font-family--lato) !important;
}

.atom-formulaire .forminator-guttenberg .select2-selection .select2-selection__rendered {
    padding: 0px !important;
}

.atom-formulaire .forminator-guttenberg .select2-selection .select2-selection__arrow {
    height: auto !important;
}

.atom-formulaire .forminator-checkbox__label {
    color: var(--Black, #000) !important;
    font-size: var(--M, 18px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-family: var(--wp--preset--font-family--lato) !important;
}

.atom-formulaire .forminator-checkbox-box {
    border-radius: var(--S, 6px) !important;
    border: 1px solid var(--Tertiary, #1F0FFF) !important;
    width: 20px !important;
    height: 20px !important;
    background-color: #f8f3e700 !important;
    color: var(--Tertiary, #1F0FFF) !important;
}

.atom-formulaire .forminator-design--default .forminator-label .forminator-required {
    color: var(--Black, #000) !important;
}

.atom-formulaire .forminator-checkbox__label.forminator-consent__label p {
    color: var(--Black, #000) !important;
    font-size: var(--M, 18px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-family: var(--wp--preset--font-family--lato) !important;
    margin: 0px !important;
}

.atom-formulaire .forminator-checkbox__label a {
    color: var(--wp--preset--color--primary) !important;
}

.forminator-select-dropdown-container--open .forminator-dropdown--default {
    background-color: white !important;
    border-color: var(--Tertiary, #1F0FFF) !important;
    border-radius: var(--L, 20px) !important;
}

.forminator-error-message {
    color: var(--Black, #000) !important;
    font-size: var(--M, 14px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-family: var(--wp--preset--font-family--lato) !important;
    padding: 5px 10px !important;
    border-radius: 20px !important;
}

.forminator-select-dropdown-container--open .forminator-dropdown--default .select2-results__option {
    color: var(--black-500, var(--Black, #000)) !important;
    font-size: var(--M, 18px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-family: var(--wp--preset--font-family--lato) !important;
    opacity: 0.5 !important;
}

.forminator-select-dropdown-container--open .forminator-custom-form-214.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted,
.forminator-select-dropdown-container--open .forminator-custom-form-214.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted span:not(.forminator-checkbox-box) {
    background-color: var(--wp--preset--color--background) !important;
    opacity: 1 !important;
}

.forminator-select-dropdown-container--open .forminator-custom-form-214.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
    outline: 1px solid var(--Tertiary, #1F0FFF) !important;
}

.forminator-edit-module {
    display: none !important;
}

.forminator-button-submit {
    display: flex !important;
    padding: 10px 30px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    border-radius: var(--L, 20px) !important;
    background: var(--Tertiary, #1F0FFF) !important;
    color: var(--Button-Text, #FFF) !important;
    font-family: var(--wp--preset--font-family--lato) !important;
    font-size: var(--M, 18px) !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    width: fit-content !important;
    box-shadow: none !important;
}

.wpcf7 .select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.wpcf7 .select-wrapper::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50px;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1.02348 0.175737C0.789167 -0.0585779 0.409269 -0.0585779 0.174954 0.175737C-0.0593595 0.410051 -0.0593595 0.78995 0.174955 1.02426L4.17495 5.02427C4.40927 5.25858 4.78917 5.25858 5.02348 5.02427L9.02348 1.02426C9.2578 0.78995 9.2578 0.410051 9.02348 0.175736C8.78917 -0.0585786 8.40927 -0.0585786 8.17495 0.175736L4.59922 3.75147L1.02348 0.175737Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.wpcf7 .select-wrapper select {
    width: 100%;
    padding-right: 35px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

@media (min-width: 783px) {

    .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child),
    .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
        margin-bottom: 20px !important;
    }

}

@media (max-width: 1023px) {
    .atom-formulaire {
        padding: 40px 0px !important;
    }

    .atom-formulaire .rangee {
        gap: 40px !important;
    }

    .quote-cart-item {
        display: flex;
        flex-direction: column;
        padding: 10px !important;
    }

    .quote-cart-item .item-actions {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .wpcf7 .input-50 p {
        flex-direction: column;
        gap: 20px !important;
    }

    .wpcf7-form br {
        display: none;
    }
}

@media (max-width: 783px) {
    .atom-formulaire .wp-block-image img {
        width: 100% !important;
    }

    .atom-formulaire .rangee {
        display: flex;
        flex-direction: column;
    }

    .atom-formulaire .rangee {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}

/* Contact form 7 */

.wpcf7 .wpcf7-form {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.wpcf7 .input-50 p,
.wpcf7 .input-100 p {
    margin: 0px 0px !important;
}

.wpcf7 .input-50 p {
    display: flex;
    gap: 10px;
}

.wpcf7 .input-100 p label span input,
.wpcf7 .input-100 p label span select,
.wpcf7 .input-100 p label span textarea {
    width: 100%;
}

.wpcf7 p label {
    width: 100%;
    color: var(--black-500, var(--Black, #000)) !important;
    font-size: var(--M, 18px) !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    font-family: var(--wp--preset--font-family--lato) !important;
}

.wpcf7 p label span {
    margin-top: 6px;
    display: block;
}

.wpcf7 p label span input::placeholder,
.wpcf7 p label span select::placeholder,
.wpcf7 p label span textarea::placeholder {
    color: var(--black-500, var(--Black, #000)) !important;
    font-size: var(--M, 18px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-family: var(--wp--preset--font-family--lato) !important;
}

.wpcf7 p label span input,
.wpcf7 p label span select,
.wpcf7 p label span textarea {
    display: flex !important;
    padding: 0px 16px !important;
    justify-content: space-between !important;
    align-items: center !important;
    align-self: stretch !important;
    border-radius: var(--L, 20px) !important;
    border: 1px solid var(--Tertiary, #1F0FFF) !important;
    background: var(--White, #FFF) !important;
    font-size: var(--M, 18px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-family: var(--wp--preset--font-family--lato) !important;
    height: 42px !important;
    box-sizing: border-box;
    width: 100%;
}


.wpcf7 p label span textarea {
    height: 154px !important;
    resize: none !important;
    padding: 10px 16px !important;
}

.wpcf7 input[type="checkbox"] {
    accent-color: var(--Tertiary, #1F0FFF) !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px !important;
    border: solid 1px var(--Tertiary, #1F0FFF) !important;
    background-color: var(--wp--preset--color--background) !important;
    margin: 0px;
    flex-shrink: 0 !important;
}

.wpcf7-acceptance span {
    margin: 0px !important;
}

.wpcf7-acceptance label {
    display: flex !important;
    gap: 10px !important;
}

.wpcf7-acceptance label span {
    font-size: var(--M, 18px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.wpcf7 .last-input {
    margin-top: 0px !important;
}

.wpcf7 .last-input p {
    display: flex !important;
    flex-direction: row !important;
    gap: 0px !important;
    align-items: center !important;
}

.wpcf7 .wpcf7-submit {
    display: flex !important;
    padding: 10px 30px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    border-radius: var(--L, 20px) !important;
    background: var(--Tertiary, #1F0FFF) !important;
    color: var(--Button-Text, #FFF) !important;
    font-family: var(--wp--preset--font-family--lato) !important;
    font-size: var(--M, 18px) !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    width: fit-content !important;
    box-shadow: none !important;
    border: solid 1px var(--Tertiary, #1F0FFF) !important;
    cursor: pointer;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0px !important;
    margin: 0px;
    border-radius: 20px;
    text-align: center;
    background: white;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}