.elementor-7226 .elementor-element.elementor-element-57c7ad7{--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-7226 .elementor-element.elementor-element-57c7ad7:not(.elementor-motion-effects-element-type-background), .elementor-7226 .elementor-element.elementor-element-57c7ad7 > .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-7226 .elementor-element.elementor-element-57c7ad7, .elementor-7226 .elementor-element.elementor-element-57c7ad7::before{--border-transition:0.3s;}.elementor-7226 .elementor-element.elementor-element-0a995e3 img{width:10%;}.elementor-7226 .elementor-element.elementor-element-c431db7{--spacer-size:3px;}.elementor-7226 .elementor-element.elementor-element-61b2e30{text-align:center;}.elementor-7226 .elementor-element.elementor-element-61b2e30 .elementor-heading-title{color:#FFFFFF;font-family:"perandory", Sans-serif;font-size:80px;font-weight:300;letter-spacing:6px;word-spacing:6px;}.elementor-7226 .elementor-element.elementor-element-09b4b92{text-align:center;}.elementor-7226 .elementor-element.elementor-element-09b4b92 .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-7226 .elementor-element.elementor-element-d543a8b{--spacer-size:40px;}.elementor-7226 .elementor-element.elementor-element-8a408d5{--spacer-size:40px;}.elementor-7226 .elementor-element.elementor-element-95093b4{--display:flex;--background-transition:0.3s;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for heading, class: .elementor-element-61b2e30 */.color-yellow {
	color: #ff9c00;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-09b4b92 */.color-yellow {
	color: #ff9c00;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57c7ad7 */.elementor-7226 .elementor-element.elementor-element-57c7ad7 {
    margin-top: -120px;
    padding-top: 120px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95093b4 *//* =========================================================
   ÉTHER ATLANTIQUE — PAGE DE CONNEXION
   VERSION ÉPURÉE
   ========================================================= */


/* ---------------------------------------------------------
   CARTE GÉNÉRALE
   --------------------------------------------------------- */

.ea-login-page {
    position: relative;

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

    margin: 70px auto 90px !important;
    padding: 70px 58px 48px !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%
        );

    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);

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


/* Pas de deuxième contour */

.ea-login-page::before {
    content: none !important;
    display: none !important;
}


/* ---------------------------------------------------------
   MÉDAILLON VOILIER
   --------------------------------------------------------- */

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

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

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

    width: 82px !important;
    height: 82px !important;

    background-image:
        url("https://ether-atlantique.com/wp-content/uploads/ChatGPT-Image-26-aout-2026-14_21_51.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;

    z-index: 10 !important;
}


/* ---------------------------------------------------------
   FORMULAIRE USER REGISTRATION
   --------------------------------------------------------- */

.ea-login-page .elementor-widget-container,
.ea-login-page .ur-frontend-form,
.ea-login-page .user-registration {
    margin-left: auto !important;
    margin-right: auto !important;
}


.ea-login-page .ur-frontend-form,
.ea-login-page .user-registration {
    max-width: 560px !important;
    width: 100% !important;

    background: transparent !important;

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

    padding: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


.ea-login-page form {
    background: transparent !important;

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

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


/* ---------------------------------------------------------
   TITRE ACCÈS MEMBRES
   --------------------------------------------------------- */

/* Masque les éventuels titres natifs */

.ea-login-page h2:first-of-type,
.ea-login-page h3:first-of-type {
    display: none !important;
}


/* Titre unique */

.ea-login-page .ur-frontend-form::before {
    content: "ACCÈS MEMBRES" !important;

    display: block !important;

    margin: 0 0 35px !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;
}


/* Empêche un second titre généré */

.ea-login-page .user-registration::before {
    content: none !important;
    display: none !important;
}


/* Aucun séparateur automatique */

.ea-login-page .ur-frontend-form::after,
.ea-login-page .user-registration::after {
    content: none !important;
    display: none !important;
}


/* ---------------------------------------------------------
   TYPOGRAPHIE
   --------------------------------------------------------- */

/*
   IMPORTANT :
   on exclut volontairement les liens Dashicons,
   car l'œil du mot de passe utilise cette police.
*/

.ea-login-page label,
.ea-login-page input,
.ea-login-page button,
.ea-login-page p,
.ea-login-page a:not(.dashicons) {
    font-family: "DM Sans", sans-serif !important;
}


/* ---------------------------------------------------------
   LABELS
   --------------------------------------------------------- */

.ea-login-page label {
    display: block;

    margin-bottom: 9px !important;

    color: #26323d !important;

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

    line-height: 1.3;
}


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


/* ---------------------------------------------------------
   CHAMPS
   --------------------------------------------------------- */

.ea-login-page input[type="text"],
.ea-login-page input[type="email"],
.ea-login-page input[type="password"] {
    width: 100% !important;

    min-height: 56px;

    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;

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

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


/* Laisse de la place pour l'œil */

.ea-login-page input[type="password"] {
    padding-right: 52px !important;
}


/* Focus */

.ea-login-page input[type="text"]:focus,
.ea-login-page input[type="email"]:focus,
.ea-login-page input[type="password"]:focus {
    outline: none !important;

    background: #ffffff !important;

    border-color: #023c77 !important;

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


/* ---------------------------------------------------------
   ESPACEMENT DES LIGNES
   --------------------------------------------------------- */

.ea-login-page .form-row,
.ea-login-page .ur-form-row,
.ea-login-page .ur-form-grid,
.ea-login-page .user-registration-form-row {
    margin-bottom: 22px !important;
}


/* ---------------------------------------------------------
   SE SOUVENIR DE MOI
   --------------------------------------------------------- */

.ea-login-page input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;

    accent-color: #023c77;
}


.ea-login-page .user-registration-form__label-for-checkbox,
.ea-login-page .remember-me,
.ea-login-page .ur-login-form-remember {
    color: #303a43 !important;

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


/* ---------------------------------------------------------
   LIENS
   --------------------------------------------------------- */

.ea-login-page a:not(.dashicons) {
    color: #023c77;

    text-decoration: none;

    transition: color 0.2s ease;
}


.ea-login-page a:not(.dashicons):hover {
    color: #9e7931;

    text-decoration: underline;
}


/* ---------------------------------------------------------
   ŒIL MOT DE PASSE — VRAI DASHICON WORDPRESS
   --------------------------------------------------------- */

.ea-login-page .password-input-group {
    position: relative !important;
}


/*
   Élément réellement présent dans ton HTML :

   <a class="password_preview dashicons dashicons-hidden">
*/

.ea-login-page a.password_preview.dashicons {
    position: absolute !important;

    right: 14px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 28px !important;
    height: 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    font-family: "dashicons" !important;

    font-size: 20px !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;

    color: #023c77 !important;

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

    text-decoration: none !important;

    opacity: 0.65;

    cursor: pointer !important;

    z-index: 20 !important;
}


.ea-login-page a.password_preview.dashicons::before {
    font-family: "dashicons" !important;

    font-size: 20px !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
}


.ea-login-page a.password_preview.dashicons:hover {
    opacity: 1 !important;

    text-decoration: none !important;
}


/* Sécurité : conserve Dashicons pour les deux états */

.ea-login-page .dashicons-hidden,
.ea-login-page .dashicons-visibility,
.ea-login-page .dashicons-hidden::before,
.ea-login-page .dashicons-visibility::before {
    font-family: "dashicons" !important;
}


/* ---------------------------------------------------------
   BOUTON CONNEXION
   --------------------------------------------------------- */

.ea-login-page button,
.ea-login-page input[type="submit"],
.ea-login-page .ur-submit-button,
.ea-login-page .user-registration-Button,
.ea-login-page .btn {
    width: 100% !important;

    min-height: 58px !important;

    margin-top: 14px !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: 1.3px !important;

    text-transform: uppercase;

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

    cursor: pointer;

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


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

    color: #fff1c6 !important;

    transform: translateY(-1px);

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


/* ---------------------------------------------------------
   INSCRIPTION
   --------------------------------------------------------- */

.ea-login-page .user-registration-register,
.ea-login-page .ur-register,
.ea-login-page .register {
    margin-top: 27px !important;

    padding-top: 24px !important;

    text-align: center;

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

    color: #393d40 !important;

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

    font-size: 15px !important;
}


/* ---------------------------------------------------------
   TABLETTE
   --------------------------------------------------------- */

@media (max-width: 900px) {

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

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

        margin: 55px auto 70px !important;

        padding: 65px 42px 42px !important;
    }


    .ea-login-page .ur-frontend-form::before {
        font-size: 30px !important;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 600px) {

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

        margin: 45px auto 55px !important;

        padding: 58px 22px 32px !important;

        border-radius: 13px !important;
    }


    .ea-login-page::after {
        width: 65px !important;
        height: 65px !important;
    }


    .ea-login-page .ur-frontend-form::before {
        font-size: 26px !important;

        letter-spacing: 1px !important;

        margin-bottom: 28px !important;
    }


    .ea-login-page label {
        font-size: 15px !important;
    }


    .ea-login-page input[type="text"],
    .ea-login-page input[type="email"],
    .ea-login-page input[type="password"] {
        min-height: 52px;
    }


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

        font-size: 16px !important;

        letter-spacing: 1.2px !important;
    }
}/* End custom CSS */