.elementor-7228 .elementor-element.elementor-element-ca8ff63{--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;--background-transition:0.3s;}.elementor-7228 .elementor-element.elementor-element-ca8ff63:not(.elementor-motion-effects-element-type-background), .elementor-7228 .elementor-element.elementor-element-ca8ff63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ether-atlantique.com/wp-content/uploads/Fond-marin-4K-2048x1152.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-7228 .elementor-element.elementor-element-ca8ff63, .elementor-7228 .elementor-element.elementor-element-ca8ff63::before{--border-transition:0.3s;}.elementor-7228 .elementor-element.elementor-element-2ca4dfb img{width:10%;}.elementor-7228 .elementor-element.elementor-element-c00b728{--spacer-size:3px;}.elementor-7228 .elementor-element.elementor-element-c505c65{text-align:center;}.elementor-7228 .elementor-element.elementor-element-c505c65 .elementor-heading-title{color:#FFFFFF;font-family:"perandory", Sans-serif;font-size:80px;font-weight:300;letter-spacing:6px;word-spacing:6px;}.elementor-7228 .elementor-element.elementor-element-2841ae1{text-align:center;}.elementor-7228 .elementor-element.elementor-element-2841ae1 .elementor-heading-title{color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:300;letter-spacing:2.5px;word-spacing:6px;}.elementor-7228 .elementor-element.elementor-element-a80c177{--spacer-size:40px;}.elementor-7228 .elementor-element.elementor-element-5e42159{--spacer-size:40px;}.elementor-7228 .elementor-element.elementor-element-1fde776f{--display:flex;--background-transition:0.3s;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for heading, class: .elementor-element-c505c65 */.color-yellow {
	color: #ff9c00;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2841ae1 */.color-yellow {
	color: #ff9c00;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca8ff63 */.elementor-7228 .elementor-element.elementor-element-ca8ff63 {
    margin-top: -120px;
    padding-top: 120px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fde776f *//* =========================================================
   ÉTHER ATLANTIQUE — PERTE DE MOT DE PASSE
   VERSION NETTOYÉE

   Classe Elementor du conteneur :
   ea-lost-password-page
   ========================================================= */


/* =========================================================
   1. CARTE PRINCIPALE
   ========================================================= */

.ea-lost-password-page {
    position: relative !important;

    max-width: 680px !important;
    width: calc(100% - 40px) !important;

    margin: 70px auto 90px !important;
    padding: 78px 68px 70px !important;

    background-color: #fbf7ed !important;

    background-image:
        radial-gradient(
            circle at 20% 10%,
            rgba(201, 168, 95, 0.025) 0,
            rgba(201, 168, 95, 0) 38%
        ),
        radial-gradient(
            circle at 85% 80%,
            rgba(2, 60, 119, 0.018) 0,
            rgba(2, 60, 119, 0) 38%
        ) !important;

    border: 1px solid #c9a85f !important;
    border-radius: 16px !important;

    box-shadow:
        0 18px 45px rgba(2, 60, 119, 0.10),
        0 3px 10px rgba(0, 0, 0, 0.04) !important;

    box-sizing: border-box !important;

    font-family: "DM Sans", sans-serif !important;
}


/* =========================================================
   2. MÉDAILLON PHARE
   ========================================================= */

.ea-lost-password-page::after {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: 78px !important;
    height: 78px !important;

    /* Mets ici l'URL du médaillon phare */
    background-image: url("URL-DU-MEDAILLON-PHARE") !important;

    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    background-color: transparent !important;

    border: 0 !important;
    border-radius: 50% !important;

    box-shadow: none !important;

    pointer-events: none !important;

    z-index: 20 !important;
}


/* =========================================================
   3. TITRE PRINCIPAL
   ========================================================= */

.ea-lost-password-page::before {
    content: "MOT DE PASSE OUBLIÉ ?" !important;

    display: block !important;

    margin: 0 0 18px !important;

    text-align: center !important;

    color: #023c77 !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 34px !important;
    font-weight: 500 !important;

    letter-spacing: 1.2px !important;
    line-height: 1.2 !important;
}


/* =========================================================
   4. SUPPRESSION DU TITRE NATIF DU PLUGIN
   Classe confirmée avec l'inspecteur
   ========================================================= */

.ea-lost-password-page .ur-lost-password-title {
    display: none !important;
}


/* =========================================================
   5. STRUCTURE DU FORMULAIRE
   ========================================================= */

.ea-lost-password-page .user-registration,
.ea-lost-password-page .ur-frontend-form,
.ea-lost-password-page .ur-form-grid,
.ea-lost-password-page .ur-lost-password-content-container,
.ea-lost-password-page form {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    font-family: "DM Sans", sans-serif !important;

    box-sizing: border-box !important;
}


/* =========================================================
   6. TEXTE D'INTRODUCTION

   On masque le texte fourni par le plugin,
   puis on affiche uniquement notre phrase française.
   ========================================================= */

.ea-lost-password-page .ur-lost-password-message {
    display: block !important;

    width: 100% !important;

    margin: 0 auto 38px !important;
    padding: 0 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    text-align: center !important;
}


.ea-lost-password-page .ur-lost-password-message::after {
    content: "Recevez votre lien de réinitialisation par e-mail." !important;

    display: block !important;

    color: #58616c !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    line-height: 1.6 !important;

    text-align: center !important;
}


/* =========================================================
   7. SUPPRESSION DES LIGNES PARASITES

   On conserve uniquement :
   - la ligne contenant user_login
   - la ligne contenant le bouton

   Cela évite le rectangle vide créé sur le front-end.
   ========================================================= */

.ea-lost-password-page form
.user-registration-form-row:not(:has(input[name="user_login"]))
:not(:has(button))
:not(:has(input[type="submit"])) {
    display: none !important;
}


.ea-lost-password-page form
.ur-form-row:not(:has(input[name="user_login"]))
:not(:has(button))
:not(:has(input[type="submit"])) {
    display: none !important;
}


/* Nettoyage des éléments techniques */

.ea-lost-password-page form .clear,
.ea-lost-password-page form br:empty {
    display: none !important;
}


/* Les champs hidden restent évidemment invisibles */

.ea-lost-password-page input[type="hidden"] {
    display: none !important;
}


/* =========================================================
   8. LIGNE DU CHAMP PRINCIPAL
   ========================================================= */

.ea-lost-password-page
.user-registration-form-row:has(input[name="user_login"]),
.ea-lost-password-page
.ur-form-row:has(input[name="user_login"]) {
    display: block !important;

    width: 100% !important;

    margin: 0 0 22px !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   9. LABEL
   ========================================================= */

.ea-lost-password-page label {
    display: block !important;

    margin: 0 0 9px !important;

    color: #26323d !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    letter-spacing: 0 !important;
    line-height: 1.3 !important;

    text-transform: none !important;
}


.ea-lost-password-page .required,
.ea-lost-password-page label .required {
    color: #b58d3c !important;
}


/* =========================================================
   10. CHAMP IDENTIFIANT / E-MAIL
   ========================================================= */

.ea-lost-password-page input[name="user_login"],
.ea-lost-password-page input[type="email"] {
    display: block !important;

    width: 100% !important;
    min-height: 56px !important;

    margin: 0 !important;

    padding: 13px 17px !important;

    background: #fffdf8 !important;

    color: #243344 !important;

    border: 1px solid rgba(201, 168, 95, 0.75) !important;
    border-radius: 7px !important;

    box-shadow: none !important;
    outline: none !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease !important;
}


/* Focus */

.ea-lost-password-page input[name="user_login"]:focus,
.ea-lost-password-page input[type="email"]:focus {
    background: #ffffff !important;

    border-color: #023c77 !important;

    box-shadow:
        0 0 0 3px rgba(2, 60, 119, 0.08) !important;

    outline: none !important;
}


/* =========================================================
   11. BOUTON RÉINITIALISER
   ========================================================= */

.ea-lost-password-page button,
.ea-lost-password-page input[type="submit"],
.ea-lost-password-page .user-registration-Button,
.ea-lost-password-page .ur-submit-button {
    display: block !important;

    width: 100% !important;
    min-height: 58px !important;

    margin: 14px 0 0 !important;

    padding: 13px 24px !important;

    background: #023c77 !important;

    color: #f2d99c !important;

    border: 1px solid #c9a85f !important;
    border-radius: 7px !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 18px !important;
    font-weight: 500 !important;

    letter-spacing: 1px !important;

    text-align: center !important;
    text-transform: uppercase !important;

    box-shadow:
        0 8px 18px rgba(2, 60, 119, 0.13) !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}


/* Hover */

.ea-lost-password-page button:hover,
.ea-lost-password-page input[type="submit"]:hover,
.ea-lost-password-page .user-registration-Button:hover,
.ea-lost-password-page .ur-submit-button:hover {
    background: #064d8f !important;

    color: #fff1c6 !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 10px 22px rgba(2, 60, 119, 0.18) !important;
}


/* =========================================================
   12. AUCUN ÉLÉMENT ARTIFICIEL APRÈS LE FORMULAIRE

   IMPORTANT :
   on supprime complètement l'ancien form::after.
   ========================================================= */

.ea-lost-password-page form::after {
    content: none !important;

    display: none !important;
}


/* =========================================================
   13. MESSAGES DU PLUGIN
   ========================================================= */

.ea-lost-password-page .user-registration-message,
.ea-lost-password-page .user-registration-error,
.ea-lost-password-page .elementor-message {
    margin-top: 18px !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   14. TABLETTE
   ========================================================= */

@media (max-width: 900px) {

    .ea-lost-password-page {
        max-width: 650px !important;

        width: calc(100% - 60px) !important;

        margin: 55px auto 70px !important;

        padding: 70px 42px 55px !important;
    }


    .ea-lost-password-page::after {
        width: 70px !important;
        height: 70px !important;
    }


    .ea-lost-password-page::before {
        font-size: 30px !important;
    }
}


/* =========================================================
   15. MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .ea-lost-password-page {
        width: calc(100% - 32px) !important;

        margin: 45px auto 55px !important;

        padding: 62px 22px 42px !important;

        border-radius: 13px !important;
    }


    .ea-lost-password-page::after {
        width: 62px !important;
        height: 62px !important;
    }


    .ea-lost-password-page::before {
        margin-bottom: 14px !important;

        font-size: 26px !important;

        letter-spacing: 1px !important;
    }


    .ea-lost-password-page .ur-lost-password-message {
        margin-bottom: 30px !important;
    }


    .ea-lost-password-page
    .ur-lost-password-message::after {
        font-size: 14px !important;
    }


    .ea-lost-password-page label {
        font-size: 14px !important;
    }


    .ea-lost-password-page input[name="user_login"],
    .ea-lost-password-page input[type="email"] {
        min-height: 52px !important;
    }


    .ea-lost-password-page button,
    .ea-lost-password-page input[type="submit"],
    .ea-lost-password-page .user-registration-Button,
    .ea-lost-password-page .ur-submit-button {
        min-height: 54px !important;

        font-size: 16px !important;
    }
}

/* =========================================================
   RETOUR À LA CONNEXION
   Remonté visuellement dans la carte
   sans modifier le conteneur parent
   ========================================================= */

.ea-lost-password-back {
    position: relative !important;

    /* Même largeur intérieure que le formulaire */
    width: calc(100% - 136px) !important;
    max-width: 544px !important;

    /* Centre le bloc */
    margin-left: auto !important;
    margin-right: auto !important;

    /*
     * On remonte le widget HTML dans la carte.
     * Aucun changement du conteneur parent.
     */
    margin-top: -165px !important;
    margin-bottom: 0 !important;

    padding-top: 18px !important;

    border-top: 1px solid rgba(201, 168, 95, 0.35) !important;

    text-align: center !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    box-sizing: border-box !important;

    z-index: 5 !important;
}


/* =========================================================
   LIEN
   ========================================================= */

.ea-lost-password-back a {
    display: inline-block !important;

    color: #3152c8 !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    text-decoration: none !important;
}


/* Survol */

.ea-lost-password-back a:hover {
    color: #023c77 !important;

    text-decoration: underline !important;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

    .ea-lost-password-back {
        width: calc(100% - 84px) !important;
        max-width: 566px !important;

        margin-top: -105px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .ea-lost-password-back {
        width: calc(100% - 44px) !important;

        margin-top: -90px !important;

        padding-top: 16px !important;

        font-size: 13px !important;
    }

    .ea-lost-password-back a {
        font-size: 13px !important;
    }
}

/* =========================================================
   CARTE — PLUS D'ESPACE BEIGE EN BAS
   ========================================================= */

.ea-lost-password-page {
    padding-bottom: 135px !important;
}


/* =========================================================
   RETOUR À LA CONNEXION
   On conserve sa position visuelle pendant que
   la carte s'allonge vers le bas
   ========================================================= */

.ea-lost-password-back {
    margin-top: -230px !important;

    padding-top: 27px !important;
}

/* =========================================================
   MÉDAILLON PHARE — PAGE PERTE DE MDP
   ========================================================= */

.ea-lost-password-page::after {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: 90px !important;
    height: 90px !important;

    background-image:
        url("https://ether-atlantique.com/wp-content/uploads/ChatGPT-Image-28-aout-2026-21_25_53.png") !important;

    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    background-color: transparent !important;

    border: none !important;
    border-radius: 50% !important;

    box-shadow: none !important;

    pointer-events: none !important;

    z-index: 20 !important;
}/* End custom CSS */