/*
 * Eletronica Contact Form 2.1.2
 * Styles publics du formulaire. L'administration du plugin n'est pas affectée.
 */

.eletronica-contact-wrapper {
    width: 100%;
    max-width: 870px;
    min-height: 600px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 870px 870px;
    background-repeat: no-repeat;
    background-position: center -80px;
}

form.eletronica-contact-form {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    text-align: left;
    box-sizing: border-box;
}

form.eletronica-contact-form input[name="nom"],
form.eletronica-contact-form input[name="email"] {
    width: 400px;
    max-width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

form.eletronica-contact-form input[name="sujet"],
form.eletronica-contact-form textarea[name="message"] {
    width: 600px;
    max-width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

form.eletronica-contact-form textarea[name="message"] {
    height: 300px;
    resize: vertical;
}

form.eletronica-contact-form label,
form.eletronica-contact-form p,
form.eletronica-contact-form strong {
    max-width: 100%;
    overflow-wrap: anywhere;
}

/* Tablettes et smartphones : le formulaire utilise la largeur disponible. */
@media (max-width: 991px) {
    .eletronica-contact-wrapper {
        width: 100%;
        max-width: 100%;
        min-height: 600px;
        padding: 20px;
        background-size: 100% auto;
        background-position: center top;
    }

    form.eletronica-contact-form {
        width: 100%;
        max-width: 600px;
    }

    form.eletronica-contact-form p,
    form.eletronica-contact-form label {
        display: block;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    form.eletronica-contact-form input[name="nom"],
    form.eletronica-contact-form input[name="email"],
    form.eletronica-contact-form input[name="sujet"],
    form.eletronica-contact-form textarea[name="message"] {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    form.eletronica-contact-form textarea[name="message"] {
        height: 225px;
    }
}

/* Smartphones : hauteur du message adaptée à l'écran. */
@media (max-width: 575px) {
    form.eletronica-contact-form textarea[name="message"] {
        height: 160px;
    }
}

/* Très petits écrans : garde reCAPTCHA dans la largeur disponible. */
@media (max-width: 360px) {
    form.eletronica-contact-form .g-recaptcha {
        transform: scale(0.88);
        transform-origin: left top;
        width: 304px;
        margin-bottom: -8px;
    }
}

/* V2.2.0 : presentation Ibiza Sunset uniquement. */
.eletronica-contact-wrapper{position:relative;isolation:isolate;overflow:hidden;min-height:0;padding:24px 20px 36px;background-size:0 0!important;}
.eletronica-contact-wrapper::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:50%;left:50%;width:min(100%,700px);aspect-ratio:1;background-image:inherit;background-repeat:no-repeat;background-position:center;background-size:contain;transform:translate(-50%,-50%) rotate(90deg);}
form.eletronica-contact-form{max-width:600px;color:#F1E9DC;font-family:Arial,Helvetica,sans-serif;}
form.eletronica-contact-form p{margin:0 0 20px;line-height:1.6;}
form.eletronica-contact-form label,form.eletronica-contact-form strong{color:#E5C397;font-size:14px;line-height:1.6;}
form.eletronica-contact-form input[name="nom"],form.eletronica-contact-form input[name="email"],form.eletronica-contact-form input[name="sujet"],form.eletronica-contact-form textarea[name="message"]{width:100%;margin:6px 0 0;padding:11px 13px;min-height:44px;background:rgba(241,233,220,.96);color:#17191B;border:1px solid #65747A;border-radius:6px;font:inherit;box-shadow:none;}
form.eletronica-contact-form textarea[name="message"]{height:220px;}
form.eletronica-contact-form input:focus-visible,form.eletronica-contact-form textarea:focus-visible{outline:2px solid #D18A61;outline-offset:3px;}
form.eletronica-contact-form input[type="radio"]{accent-color:#D18A61;margin-right:6px;}
form.eletronica-contact-form input[type="submit"]{min-height:44px;padding:10px 24px;margin-top:18px;background:#D18A61;color:#17191B;border:1px solid #D18A61;border-radius:6px;box-shadow:none;font:600 14px Arial,Helvetica,sans-serif;text-transform:none;cursor:pointer;}
form.eletronica-contact-form input[type="submit"]:hover{background:#E5C397;border-color:#E5C397;}
@media(max-width:575px){.eletronica-contact-wrapper{padding:20px 12px 28px;min-height:0;}form.eletronica-contact-form textarea[name="message"]{height:180px;}form.eletronica-contact-form input[name="nom"],form.eletronica-contact-form input[name="email"],form.eletronica-contact-form input[name="sujet"],form.eletronica-contact-form textarea[name="message"]{font-size:16px;}}

/* V2.2.1 : restaurer les dimensions initiales et neutraliser le retrait des labels du theme. */
form.eletronica-contact-form p{width:100%;max-width:100%;box-sizing:border-box;}
form.eletronica-contact-form label{display:block;width:100%;max-width:100%;box-sizing:border-box;}
form.eletronica-contact-form input[name="nom"],form.eletronica-contact-form input[name="email"]{display:block;width:400px!important;max-width:100%!important;}
form.eletronica-contact-form input[name="sujet"],form.eletronica-contact-form textarea[name="message"]{display:block;width:600px!important;max-width:100%!important;}
form.eletronica-contact-form textarea[name="message"]{height:300px;}
@media(max-width:991px){form.eletronica-contact-form input[name="nom"],form.eletronica-contact-form input[name="email"],form.eletronica-contact-form input[name="sujet"],form.eletronica-contact-form textarea[name="message"]{width:100%!important;}form.eletronica-contact-form textarea[name="message"]{height:225px;}}
@media(max-width:575px){form.eletronica-contact-form textarea[name="message"]{height:160px;}}