.elementor-174736 .elementor-element.elementor-element-a831f1b{--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;}.elementor-174736 .elementor-element.elementor-element-b4b9d42{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-174736 .elementor-element.elementor-element-b167551{--display:flex;}.elementor-174736 .elementor-element.elementor-element-b167551:not(.elementor-motion-effects-element-type-background), .elementor-174736 .elementor-element.elementor-element-b167551 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://b4420054.assetcdn.net/2.0/4420054/wp-content/uploads/2026/08/ERROR-404-BG.webp?lossy=1&strip=1&webp=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-174736 .elementor-element.elementor-element-d26df49{--display:flex;}.elementor-174736 .elementor-element.elementor-element-f7cd55a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-174736 .elementor-element.elementor-element-5c45786{--display:flex;}.elementor-174736 .elementor-element.elementor-element-c08d550 .elementor-icon-wrapper{text-align:center;}.elementor-174736 .elementor-element.elementor-element-f487179{--display:flex;}.elementor-174736 .elementor-element.elementor-element-0c0c8f0 .elementor-icon-wrapper{text-align:center;}.elementor-174736 .elementor-element.elementor-element-70cba01{--display:flex;}.elementor-174736 .elementor-element.elementor-element-fa9225d .elementor-icon-wrapper{text-align:center;}.elementor-174736 .elementor-element.elementor-element-8cb5516{--display:flex;}.elementor-174736 .elementor-element.elementor-element-f7dc919{--display:flex;}.elementor-174736 .elementor-element.elementor-element-ad3bd1a .elementor-field-group{margin-bottom:10px;}.elementor-174736 .elementor-element.elementor-element-ad3bd1a .elementor-form-fields-wrapper{margin-bottom:-10px;}.elementor-174736 .elementor-element.elementor-element-ad3bd1a .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-174736 .elementor-element.elementor-element-ad3bd1a .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-174736 .elementor-element.elementor-element-a48e08d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-174736 .elementor-element.elementor-element-bab39a4{--display:flex;}.elementor-174736 .elementor-element.elementor-element-bab39a4:not(.elementor-motion-effects-element-type-background), .elementor-174736 .elementor-element.elementor-element-bab39a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://b4420054.assetcdn.net/2.0/4420054/wp-content/uploads/2026/08/ERROR-404-BG.webp?lossy=1&strip=1&webp=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-174736 .elementor-element.elementor-element-bc7e3e0{--display:flex;}.elementor-174736 .elementor-element.elementor-element-d8d10bb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-174736 .elementor-element.elementor-element-098277c{--display:flex;}.elementor-174736 .elementor-element.elementor-element-88a5ff3 .elementor-icon-wrapper{text-align:center;}.elementor-174736 .elementor-element.elementor-element-bf1053f{--display:flex;}.elementor-174736 .elementor-element.elementor-element-b4a50ac .elementor-icon-wrapper{text-align:center;}.elementor-174736 .elementor-element.elementor-element-dac57b0{--display:flex;}.elementor-174736 .elementor-element.elementor-element-f1c886f .elementor-icon-wrapper{text-align:center;}.elementor-174736 .elementor-element.elementor-element-4be4fd0{--display:flex;}.elementor-174736 .elementor-element.elementor-element-e18639d{--display:flex;}@media(min-width:769px){.elementor-174736 .elementor-element.elementor-element-a831f1b{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-b167551 */.elementor-174736 .elementor-element.elementor-element-b167551 { position: relative !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; min-width: 0 !important; height: 100% !important; min-height: 700px !important; margin: 0 !important; padding: 54px 48px 38px !important; overflow: hidden !important; } .elementor-174736 .elementor-element.elementor-element-b167551 > .e-con-inner { display: contents !important; } /* Badge */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-badge { display: inline-flex !important; align-items: center !important; width: fit-content !important; margin: 0 0 24px !important; padding: 10px 16px !important; background: rgba(255, 255, 255, .58) !important; border: 1px solid #e4d9c4 !important; border-radius: 12px !important; color: #173f32 !important; font-size: 14px !important; font-weight: 650 !important; line-height: 1.25 !important; } .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-badge p, .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-badge .elementor-heading-title { margin: 0 !important; color: #173f32 !important; } /* Grand titre */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-title, .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-title .elementor-heading-title { width: 100% !important; max-width: 470px !important; margin: 0 0 20px !important; padding: 0 !important; color: #0d4631 !important; font-family: "Manrope", sans-serif !important; font-size: 54px !important; font-weight: 800 !important; line-height: 1.04 !important; letter-spacing: -.045em !important; } /* Introduction */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-intro { width: 100% !important; max-width: 410px !important; margin: 0 0 20px !important; color: #4f6058 !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.7 !important; } .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-intro p { margin: 0 !important; } /* Petite ligne */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-divider { width: 58px !important; height: 2px !important; min-height: 2px !important; margin: 0 0 28px !important; padding: 0 !important; background: #609047 !important; border-radius: 999px !important; } /* ========================================================= AZANA AUTH — BADGE "MON COMPTE" PREMIUM ========================================================= */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; margin: 0 0 28px !important; padding: 9px 15px !important; background: linear-gradient( 135deg, rgba(255,255,255,.92) 0%, rgba(250,248,240,.82) 100% ) !important; border: 1px solid #e3d8c1 !important; border-radius: 999px !important; box-shadow: 0 4px 12px rgba(31,61,47,.035) !important; color: #173f32 !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1 !important; letter-spacing: .01em !important; text-transform: none !important; } /* Le vrai texte Elementor */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-badge *, .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-badge p, .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-badge span, .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-badge .elementor-heading-title, .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-badge .elementor-widget-container { margin: 0 !important; padding: 0 !important; color: #173f32 !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.2 !important; letter-spacing: .01em !important; } /* Petit détail AZANA à gauche */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-badge::before { content: "" !important; display: block !important; width: 7px !important; height: 7px !important; margin-right: 9px !important; background: #6d9a50 !important; border-radius: 50% !important; box-shadow: 0 0 0 4px rgba(109,154,80,.10) !important; } /* ========================================================= AZANA AUTH — CARTES AVANTAGES ========================================================= */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefits { position: relative !important; z-index: 3 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; width: 100% !important; max-width: 320px !important; margin: 0 !important; padding: 0 !important; } /* Carte */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit { display: grid !important; grid-template-columns: 48px minmax(0, 1fr) !important; align-items: center !important; column-gap: 14px !important; width: 100% !important; min-height: 74px !important; margin: 0 !important; padding: 12px 15px !important; background: linear-gradient( 135deg, rgba(255,255,255,.78) 0%, rgba(251,248,239,.72) 100% ) !important; border: 1px solid #e6dcc7 !important; border-radius: 15px !important; box-shadow: 0 5px 16px rgba(31,61,47,.025) !important; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important; } /* Petit hover très léger */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit:hover { transform: translateX(3px) !important; border-color: #d5dfca !important; box-shadow: 0 7px 18px rgba(31,61,47,.045) !important; } /* Cercle icône */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; margin: 0 !important; padding: 0 !important; background: #f1f6ec !important; border: 1px solid #d9e5cf !important; border-radius: 50% !important; color: #609047 !important; } /* Elementor wrappers */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit-icon .elementor-widget-container, .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit-icon .elementor-icon-wrapper, .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit-icon .elementor-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } /* Taille icône */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit-icon svg { width: 22px !important; height: 22px !important; fill: currentColor !important; } .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit-icon i { color: #609047 !important; font-size: 21px !important; line-height: 1 !important; } /* Texte */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit-text { width: 100% !important; margin: 0 !important; padding: 0 !important; color: #29493d !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.45 !important; } .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit-text p { margin: 0 !important; } /* ========================================================= AZANA AUTH — MASCOTTE CONNEXION ========================================================= */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-mascot { position: absolute !important; right: 34px !important; bottom: 20px !important; z-index: 2 !important; width: 335px !important; max-width: 46% !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; } .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-mascot .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-mascot img { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; object-fit: contain !important; filter: drop-shadow( 0 16px 22px rgba(31,61,47,.10) ) !important; } /* ========================================================= AZANA AUTH — TABLETTE ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-b167551 { position: relative !important; width: 100% !important; min-height: 650px !important; padding: 38px 34px 30px !important; } /* Badge */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-badge { margin-bottom: 22px !important; } /* Titre */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-title, .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-title .elementor-heading-title { max-width: 400px !important; font-size: 44px !important; line-height: 1.05 !important; } /* Texte */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-intro { max-width: 385px !important; font-size: 15px !important; } /* Cartes */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefits { max-width: 310px !important; } /* Mascotte */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-mascot { right: 28px !important; bottom: 18px !important; width: 290px !important; max-width: 42% !important; } } /* ========================================================= AZANA AUTH — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-b167551 { position: relative !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; padding: 26px 18px 18px !important; overflow: hidden !important; } /* Badge */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-badge { align-self: center !important; margin: 0 auto 24px !important; padding: 9px 14px !important; font-size: 12px !important; } /* Titre */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-title, .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-title .elementor-heading-title { width: 100% !important; max-width: 100% !important; margin: 0 auto 17px !important; font-size: 38px !important; line-height: 1.05 !important; text-align: center !important; } /* Texte */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-intro { width: 100% !important; max-width: 330px !important; margin: 0 auto 18px !important; font-size: 14px !important; line-height: 1.65 !important; text-align: center !important; } .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-intro p { text-align: center !important; } /* Ligne */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-divider { width: 52px !important; margin: 0 auto 24px !important; } /* Bloc avantages */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefits { width: 100% !important; max-width: 100% !important; gap: 10px !important; margin: 0 auto !important; } /* Cartes */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit { grid-template-columns: 44px minmax(0, 1fr) !important; width: 100% !important; min-height: 68px !important; column-gap: 12px !important; padding: 10px 13px !important; border-radius: 13px !important; } /* Cercle icône */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit-icon { width: 42px !important; height: 42px !important; } .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit-icon svg { width: 20px !important; height: 20px !important; } /* Texte carte */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-benefit-text { font-size: 12px !important; line-height: 1.4 !important; text-align: left !important; } /* ============================================= MASCOTTE On abandonne l'absolute sur mobile ============================================= */ .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-mascot { position: relative !important; right: auto !important; left: auto !important; top: auto !important; bottom: auto !important; align-self: center !important; width: 215px !important; max-width: 80% !important; margin: 18px auto -8px !important; padding: 0 !important; transform: none !important; } .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-mascot .elementor-widget-container { display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-174736 .elementor-element.elementor-element-b167551 .azana-auth-mascot img { display: block !important; width: 100% !important; height: auto !important; margin: 0 auto !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8cb5516 */.elementor-174736 .elementor-element.elementor-element-8cb5516 { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 28px 30px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 > .e-con-inner { display: contents !important; } @media (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-8cb5516 { height: auto !important; padding: 20px 24px 28px !important; } } @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-8cb5516 { padding: 14px 14px 20px !important; } } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-card { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 520px !important; margin: 0 auto !important; padding: 34px 34px 30px !important; background: linear-gradient( 145deg, rgba(255,255,255,.98) 0%, rgba(255,254,250,.96) 100% ) !important; border: 1px solid #e8dfcf !important; border-radius: 22px !important; box-shadow: 0 14px 34px rgba(31,61,47,.065) !important; } @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-card { max-width: 100% !important; padding: 26px 18px 22px !important; border-radius: 18px !important; } } /* Petit symbole */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-brand { width: 100% !important; margin: 0 0 5px !important; color: #609047 !important; font-size: 22px !important; line-height: 1 !important; text-align: center !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-brand * { margin: 0 !important; text-align: center !important; } /* Titre */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-title, .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-title .elementor-heading-title { width: 100% !important; margin: 0 0 7px !important; color: #173f32 !important; font-family: "Manrope", sans-serif !important; font-size: 34px !important; font-weight: 800 !important; line-height: 1.1 !important; text-align: center !important; } /* Sous-titre */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-subtitle, .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-subtitle p { width: 100% !important; margin: 0 0 24px !important; color: #53665d !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.5 !important; text-align: center !important; } @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-title, .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-title .elementor-heading-title { font-size: 29px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-subtitle, .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-subtitle p { margin-bottom: 20px !important; font-size: 13px !important; } } /* ========================================================= AZANA AUTH — TRADUCTION TEXTES LOGIN ========================================================= */ /* --------------------------------------------------------- "Remember Me" → "Se souvenir de moi" Compatible Elementor + WooCommerce --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-remember-me label, .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-checkbox label, .elementor-174736 .elementor-element.elementor-element-8cb5516 .woocommerce-form-login__rememberme { font-size: 0 !important; } /* On conserve la checkbox à sa taille normale */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-remember-me input, .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-checkbox input, .elementor-174736 .elementor-element.elementor-element-8cb5516 .woocommerce-form-login__rememberme input { font-size: 14px !important; } /* Nouveau texte français */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-remember-me label::after, .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-checkbox label::after, .elementor-174736 .elementor-element.elementor-element-8cb5516 .woocommerce-form-login__rememberme::after { content: "Se souvenir de moi" !important; display: inline-block !important; margin-left: 8px !important; color: #40564c !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; vertical-align: middle !important; } /* --------------------------------------------------------- "Lost your password?" → "Mot de passe oublié ?" --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login__links a, .elementor-174736 .elementor-element.elementor-element-8cb5516 .lost_password a, .elementor-174736 .elementor-element.elementor-element-8cb5516 .woocommerce-LostPassword a { font-size: 0 !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login__links a::after, .elementor-174736 .elementor-element.elementor-element-8cb5516 .lost_password a::after, .elementor-174736 .elementor-element.elementor-element-8cb5516 .woocommerce-LostPassword a::after { content: "Mot de passe oublié ?" !important; color: #456d3b !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4 !important; text-decoration: none !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login__links a:hover::after, .elementor-174736 .elementor-element.elementor-element-8cb5516 .lost_password a:hover::after, .elementor-174736 .elementor-element.elementor-element-8cb5516 .woocommerce-LostPassword a:hover::after { color: #609047 !important; } /* ========================================================= AZANA AUTH — LOST PASSWORD FR ========================================================= */ .elementor-174736 .elementor-element.elementor-element-8cb5516 a[href*="lost-password"] { font-size: 0 !important; text-decoration: none !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 a[href*="lost-password"]::after { content: "Mot de passe oublié ?" !important; display: inline-block !important; color: #456d3b !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4 !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 a[href*="lost-password"]:hover::after { color: #609047 !important; } /* ========================================================= AZANA AUTH — MOT DE PASSE OUBLIÉ ========================================================= */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-lost-password { font-size: 0 !important; text-decoration: none !important; color: #456d3b !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-lost-password::after { content: "Mot de passe oublié ?" !important; display: inline-block !important; color: #456d3b !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4 !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-lost-password:hover::after { color: #609047 !important; } /* ========================================================= AZANA AUTH — FORMULAIRE CONNEXION PREMIUM ========================================================= */ /* --------------------------------------------------------- FORMULAIRE / WRAPPER --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login { width: 100% !important; margin: 0 !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-form-fields-wrapper { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 18px !important; row-gap: 14px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Tous les groupes Elementor */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-form-fields-wrapper > .elementor-field-group { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- IDENTIFIANT + MOT DE PASSE pleine largeur --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-text { grid-column: 1 / -1 !important; } /* Champs */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="text"], .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="email"], .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="password"] { width: 100% !important; height: 54px !important; margin: 0 !important; padding: 0 17px !important; background: #fffefb !important; border: 1px solid #d9d5ca !important; border-radius: 10px !important; color: #27483b !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; box-shadow: none !important; outline: none !important; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important; } /* Placeholder */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input::placeholder { color: #929b96 !important; opacity: 1 !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 450 !important; } /* Focus */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="text"]:focus, .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="email"]:focus, .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="password"]:focus { background: #ffffff !important; border-color: #78a35f !important; box-shadow: 0 0 0 3px rgba(96, 144, 71, .10) !important; } /* --------------------------------------------------------- SE SOUVENIR DE MOI --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-remember-me { grid-column: 1 !important; grid-row: auto !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; min-width: 0 !important; margin: 2px 0 0 !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-remember-me label { display: inline-flex !important; align-items: center !important; margin: 0 !important; cursor: pointer !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-remember-me input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; position: relative !important; flex: 0 0 17px !important; width: 17px !important; height: 17px !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #bfc9c3 !important; border-radius: 4px !important; box-shadow: none !important; cursor: pointer !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-remember-me input[type="checkbox"]:checked { background: #5f9148 !important; border-color: #5f9148 !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-remember-me input[type="checkbox"]:checked::after { content: "" !important; position: absolute !important; left: 5px !important; top: 2px !important; width: 5px !important; height: 9px !important; border: solid #ffffff !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; } /* Texte "Se souvenir de moi" */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-remember-me label::after { margin-left: 8px !important; color: #4b5e55 !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.3 !important; } /* --------------------------------------------------------- MOT DE PASSE OUBLIÉ On le remonte sur la même ligne --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-html { grid-column: 2 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; margin: 2px 0 0 !important; padding: 0 !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-lost-password { margin: 0 !important; font-size: 0 !important; text-decoration: none !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-lost-password::after { content: "Mot de passe oublié ?" !important; color: #527f43 !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; text-decoration: none !important; transition: color .2s ease !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-lost-password:hover::after { color: #345f35 !important; } /* --------------------------------------------------------- BOUTON SE CONNECTER --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-submit { grid-column: 1 / -1 !important; width: 100% !important; margin-top: 5px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-submit .elementor-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 54px !important; margin: 0 !important; padding: 14px 20px !important; background: linear-gradient( 90deg, #174c38 0%, #0d5a39 100% ) !important; border: 0 !important; border-radius: 10px !important; color: #ffffff !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-transform: none !important; box-shadow: 0 7px 16px rgba(21, 75, 53, .13) !important; transform: none !important; transition: background .2s ease, box-shadow .2s ease, transform .2s ease !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-submit .elementor-button:hover { background: linear-gradient( 90deg, #205d43 0%, #126441 100% ) !important; color: #ffffff !important; box-shadow: 0 9px 20px rgba(21, 75, 53, .18) !important; transform: translateY(-1px) !important; } /* Empêcher Elementor de déformer son contenu */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-submit .elementor-button-content-wrapper, .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-submit .elementor-button-text { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; line-height: 1.2 !important; transform: none !important; } /* ========================================================= TABLETTE ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-card { max-width: 560px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="text"], .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="email"], .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="password"] { height: 52px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-form-fields-wrapper { grid-template-columns: 1fr !important; row-gap: 12px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-text, .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-remember-me, .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-html, .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-submit { grid-column: 1 !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="text"], .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="email"], .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="password"] { height: 50px !important; padding-left: 14px !important; padding-right: 14px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-remember-me { justify-content: flex-start !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-html { justify-content: flex-start !important; margin-top: -2px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-submit { margin-top: 4px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-submit .elementor-button { min-height: 50px !important; border-radius: 9px !important; } } /* ========================================================= AZANA AUTH — RESPONSIVE : FORMULAIRE EN PREMIER Desktop inchangé ========================================================= */ @media (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-8cb5516 { display: flex !important; flex-direction: column !important; width: 100% !important; min-height: 0 !important; gap: 14px !important; } /* Connexion en premier */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-auth-form { order: 1 !important; width: 100% !important; max-width: 100% !important; } /* Univers / mascotte ensuite */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-auth-visual { order: 2 !important; width: 100% !important; max-width: 100% !important; } } /* ========================================================= AZANA AUTH — FORMULAIRE RESPONSIVE PLEINE LARGEUR ========================================================= */ /* TABLETTE */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-8cb5516 { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 14px 10px 8px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-card { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 32px 34px 28px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-8cb5516 { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 8px 4px 6px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-card { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 26px 16px 22px !important; border-radius: 16px !important; } } /* ========================================================= AZANA AUTH — CONNEXION RESPONSIVE COMPACTE ========================================================= */ /* ========================= TABLETTE ========================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-8cb5516 { display: block !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 8px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-card { width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 24px 28px !important; border-radius: 18px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-brand { margin-bottom: 3px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-title, .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-title .elementor-heading-title { margin-bottom: 5px !important; font-size: 30px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-subtitle, .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-subtitle p { margin-bottom: 18px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-form-fields-wrapper { row-gap: 10px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="text"], .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="email"], .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="password"] { height: 48px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-submit .elementor-button { min-height: 48px !important; } } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-8cb5516 { display: block !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 4px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-card { width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 22px 14px 18px !important; border-radius: 15px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-brand { margin-bottom: 2px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-title, .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-title .elementor-heading-title { margin-bottom: 5px !important; font-size: 26px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-subtitle, .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-subtitle p { margin-bottom: 16px !important; font-size: 12px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-form-fields-wrapper { row-gap: 9px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="text"], .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="email"], .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-login input[type="password"] { height: 46px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-field-type-submit .elementor-button { min-height: 46px !important; } } /* ========================================================= AZANA CONNEXION — BOUTON CRÉER UN COMPTE ========================================================= */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-auth-switch-register { width: 100% !important; max-width: 520px !important; margin: 14px auto 0 !important; padding: 0 !important; } /* Bouton */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-auth-switch-register .elementor-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 12px 20px !important; background: rgba(255,255,255,.55) !important; border: 1px solid #6e967b !important; border-radius: 10px !important; color: #315c49 !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.2 !important; text-align: center !important; text-transform: none !important; text-decoration: none !important; box-shadow: none !important; transform: none !important; transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease !important; } /* Texte */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-auth-switch-register .elementor-button-text, .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-auth-switch-register .elementor-button-content-wrapper { color: inherit !important; font-family: "Manrope", sans-serif !important; font-weight: 650 !important; transform: none !important; } /* Hover */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-auth-switch-register .elementor-button:hover { background: #f2f7ef !important; border-color: #5f9148 !important; color: #234b39 !important; box-shadow: 0 5px 14px rgba(56, 91, 68, .08) !important; transform: none !important; } /* TABLETTE */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-auth-switch-register { max-width: none !important; margin-top: 10px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-auth-switch-register .elementor-button { min-height: 48px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-auth-switch-register { max-width: none !important; margin-top: 9px !important; } .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-auth-switch-register .elementor-button { min-height: 46px !important; padding: 11px 14px !important; border-radius: 9px !important; font-size: 12.5px !important; } } /* ========================================================= AZANA AUTH — MOBILE : SUPPRESSION DES GROSSES MARGES ========================================================= */ @media (max-width: 767px) { /* Conteneur extérieur du formulaire */ .elementor-174736 .elementor-element.elementor-element-8cb5516 { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; } /* Carte blanche Connexion / Inscription */ .elementor-174736 .elementor-element.elementor-element-8cb5516 .azana-login-card { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px 12px 16px !important; box-sizing: border-box !important; border-radius: 14px !important; } /* Évite aussi les marges Elementor autour du widget */ .elementor-174736 .elementor-element.elementor-element-8cb5516 > .e-con-inner, .elementor-174736 .elementor-element.elementor-element-8cb5516 .elementor-widget-container { max-width: 100% !important; box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4b9d42 */.elementor-174736 .elementor-element.elementor-element-b4b9d42 { display: grid !important; grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr) !important; width: 100% !important; min-height: 700px !important; margin: 0 !important; padding: 0 !important; background: linear-gradient( 135deg, #fffef9 0%, #faf6ec 100% ) !important; border: 1px solid #e6dac3 !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(31, 61, 47, .045) !important; } .elementor-174736 .elementor-element.elementor-element-b4b9d42 > .e-con-inner { display: contents !important; } /* ========================================================= AZANA AUTH — RESPONSIVE MAIN Desktop inchangé ========================================================= */ @media (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-b4b9d42 { grid-template-columns: 1fr !important; width: 100% !important; min-height: 0 !important; border-radius: 20px !important; } .elementor-174736 .elementor-element.elementor-element-b4b9d42 > .azana-auth-visual, .elementor-174736 .elementor-element.elementor-element-b4b9d42 > .azana-auth-form { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } } /* ========================================================= AZANA AUTH — STRUCTURE FINALE Desktop : plus de place au visuel Tablet/Mobile : Connexion EN PREMIER ========================================================= */ /* ========================= DESKTOP ========================= */ @media (min-width: 1025px) { .elementor-174736 .elementor-element.elementor-element-b4b9d42 { display: grid !important; /* Plus de place à la partie mascotte */ grid-template-columns: minmax(0, 1.18fr) minmax(410px, .82fr) !important; align-items: stretch !important; width: 100% !important; } } /* ========================= TABLETTE + MOBILE ========================= */ @media (max-width: 1024px) { /* * Important : * on neutralise ici la grille desktop. */ .elementor-174736 .elementor-element.elementor-element-b4b9d42 { display: block !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* * C'est CE wrapper Elementor qui contient * réellement les deux colonnes. */ .elementor-174736 .elementor-element.elementor-element-b4b9d42 > .e-con-inner { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; } /* Si Elementor n'utilise pas e-con-inner */ .elementor-174736 .elementor-element.elementor-element-b4b9d42 > .azana-auth-form, .elementor-174736 .elementor-element.elementor-element-b4b9d42 > .azana-auth-visual { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* Connexion réellement en PREMIER */ .elementor-174736 .elementor-element.elementor-element-b4b9d42 .azana-auth-form { order: 1 !important; width: 100% !important; max-width: 100% !important; } /* Univers / mascotte ensuite */ .elementor-174736 .elementor-element.elementor-element-b4b9d42 .azana-auth-visual { order: 2 !important; width: 100% !important; max-width: 100% !important; } } /* ========================================================= AZANA AUTH — FIX DÉFINITIF ORDRE TABLETTE / MOBILE Connexion EN PREMIER ========================================================= */ @media (max-width: 1024px) { /* Cas où les enfants sont directement dans auth-main */ .elementor-174736 .elementor-element.elementor-element-b4b9d42 { display: flex !important; flex-direction: column-reverse !important; grid-template-columns: none !important; width: 100% !important; height: auto !important; min-height: 0 !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; } /* Cas Elementor avec wrapper .e-con-inner */ .elementor-174736 .elementor-element.elementor-element-b4b9d42 > .e-con-inner { display: flex !important; flex-direction: column-reverse !important; width: 100% !important; height: auto !important; min-height: 0 !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; } /* On annule les anciens order pour éviter tout conflit */ .elementor-174736 .elementor-element.elementor-element-b4b9d42 .azana-auth-visual, .elementor-174736 .elementor-element.elementor-element-b4b9d42 .azana-auth-form { order: 0 !important; flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bab39a4 */.elementor-174736 .elementor-element.elementor-element-bab39a4 { position: relative !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; min-width: 0 !important; height: 100% !important; min-height: 700px !important; margin: 0 !important; padding: 54px 48px 38px !important; overflow: hidden !important; } .elementor-174736 .elementor-element.elementor-element-bab39a4 > .e-con-inner { display: contents !important; } /* Badge */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-badge { display: inline-flex !important; align-items: center !important; width: fit-content !important; margin: 0 0 24px !important; padding: 10px 16px !important; background: rgba(255, 255, 255, .58) !important; border: 1px solid #e4d9c4 !important; border-radius: 12px !important; color: #173f32 !important; font-size: 14px !important; font-weight: 650 !important; line-height: 1.25 !important; } .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-badge p, .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-badge .elementor-heading-title { margin: 0 !important; color: #173f32 !important; } /* Grand titre */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-title, .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-title .elementor-heading-title { width: 100% !important; max-width: 470px !important; margin: 0 0 20px !important; padding: 0 !important; color: #0d4631 !important; font-family: "Manrope", sans-serif !important; font-size: 54px !important; font-weight: 800 !important; line-height: 1.04 !important; letter-spacing: -.045em !important; } /* Introduction */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-intro { width: 100% !important; max-width: 410px !important; margin: 0 0 20px !important; color: #4f6058 !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.7 !important; } .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-intro p { margin: 0 !important; } /* Petite ligne */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-divider { width: 58px !important; height: 2px !important; min-height: 2px !important; margin: 0 0 28px !important; padding: 0 !important; background: #609047 !important; border-radius: 999px !important; } /* ========================================================= AZANA AUTH — BADGE "MON COMPTE" PREMIUM ========================================================= */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; margin: 0 0 28px !important; padding: 9px 15px !important; background: linear-gradient( 135deg, rgba(255,255,255,.92) 0%, rgba(250,248,240,.82) 100% ) !important; border: 1px solid #e3d8c1 !important; border-radius: 999px !important; box-shadow: 0 4px 12px rgba(31,61,47,.035) !important; color: #173f32 !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1 !important; letter-spacing: .01em !important; text-transform: none !important; } /* Le vrai texte Elementor */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-badge *, .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-badge p, .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-badge span, .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-badge .elementor-heading-title, .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-badge .elementor-widget-container { margin: 0 !important; padding: 0 !important; color: #173f32 !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.2 !important; letter-spacing: .01em !important; } /* Petit détail AZANA à gauche */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-badge::before { content: "" !important; display: block !important; width: 7px !important; height: 7px !important; margin-right: 9px !important; background: #6d9a50 !important; border-radius: 50% !important; box-shadow: 0 0 0 4px rgba(109,154,80,.10) !important; } /* ========================================================= AZANA AUTH — CARTES AVANTAGES ========================================================= */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefits { position: relative !important; z-index: 3 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; width: 100% !important; max-width: 320px !important; margin: 0 !important; padding: 0 !important; } /* Carte */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit { display: grid !important; grid-template-columns: 48px minmax(0, 1fr) !important; align-items: center !important; column-gap: 14px !important; width: 100% !important; min-height: 74px !important; margin: 0 !important; padding: 12px 15px !important; background: linear-gradient( 135deg, rgba(255,255,255,.78) 0%, rgba(251,248,239,.72) 100% ) !important; border: 1px solid #e6dcc7 !important; border-radius: 15px !important; box-shadow: 0 5px 16px rgba(31,61,47,.025) !important; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important; } /* Petit hover très léger */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit:hover { transform: translateX(3px) !important; border-color: #d5dfca !important; box-shadow: 0 7px 18px rgba(31,61,47,.045) !important; } /* Cercle icône */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; margin: 0 !important; padding: 0 !important; background: #f1f6ec !important; border: 1px solid #d9e5cf !important; border-radius: 50% !important; color: #609047 !important; } /* Elementor wrappers */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit-icon .elementor-widget-container, .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit-icon .elementor-icon-wrapper, .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit-icon .elementor-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } /* Taille icône */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit-icon svg { width: 22px !important; height: 22px !important; fill: currentColor !important; } .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit-icon i { color: #609047 !important; font-size: 21px !important; line-height: 1 !important; } /* Texte */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit-text { width: 100% !important; margin: 0 !important; padding: 0 !important; color: #29493d !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.45 !important; } .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit-text p { margin: 0 !important; } /* ========================================================= AZANA AUTH — MASCOTTE CONNEXION ========================================================= */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-mascot { position: absolute !important; right: 34px !important; bottom: 20px !important; z-index: 2 !important; width: 335px !important; max-width: 46% !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; } .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-mascot .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-mascot img { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; object-fit: contain !important; filter: drop-shadow( 0 16px 22px rgba(31,61,47,.10) ) !important; } /* ========================================================= AZANA AUTH — TABLETTE ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-bab39a4 { position: relative !important; width: 100% !important; min-height: 650px !important; padding: 38px 34px 30px !important; } /* Badge */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-badge { margin-bottom: 22px !important; } /* Titre */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-title, .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-title .elementor-heading-title { max-width: 400px !important; font-size: 44px !important; line-height: 1.05 !important; } /* Texte */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-intro { max-width: 385px !important; font-size: 15px !important; } /* Cartes */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefits { max-width: 310px !important; } /* Mascotte */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-mascot { right: 28px !important; bottom: 18px !important; width: 290px !important; max-width: 42% !important; } } /* ========================================================= AZANA AUTH — MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-bab39a4 { position: relative !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; padding: 26px 18px 18px !important; overflow: hidden !important; } /* Badge */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-badge { align-self: center !important; margin: 0 auto 24px !important; padding: 9px 14px !important; font-size: 12px !important; } /* Titre */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-title, .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-title .elementor-heading-title { width: 100% !important; max-width: 100% !important; margin: 0 auto 17px !important; font-size: 38px !important; line-height: 1.05 !important; text-align: center !important; } /* Texte */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-intro { width: 100% !important; max-width: 330px !important; margin: 0 auto 18px !important; font-size: 14px !important; line-height: 1.65 !important; text-align: center !important; } .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-intro p { text-align: center !important; } /* Ligne */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-divider { width: 52px !important; margin: 0 auto 24px !important; } /* Bloc avantages */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefits { width: 100% !important; max-width: 100% !important; gap: 10px !important; margin: 0 auto !important; } /* Cartes */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit { grid-template-columns: 44px minmax(0, 1fr) !important; width: 100% !important; min-height: 68px !important; column-gap: 12px !important; padding: 10px 13px !important; border-radius: 13px !important; } /* Cercle icône */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit-icon { width: 42px !important; height: 42px !important; } .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit-icon svg { width: 20px !important; height: 20px !important; } /* Texte carte */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-benefit-text { font-size: 12px !important; line-height: 1.4 !important; text-align: left !important; } /* ============================================= MASCOTTE On abandonne l'absolute sur mobile ============================================= */ .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-mascot { position: relative !important; right: auto !important; left: auto !important; top: auto !important; bottom: auto !important; align-self: center !important; width: 215px !important; max-width: 80% !important; margin: 18px auto -8px !important; padding: 0 !important; transform: none !important; } .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-mascot .elementor-widget-container { display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-174736 .elementor-element.elementor-element-bab39a4 .azana-auth-mascot img { display: block !important; width: 100% !important; height: auto !important; margin: 0 auto !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4be4fd0 */.elementor-174736 .elementor-element.elementor-element-4be4fd0 { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 28px 30px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 > .e-con-inner { display: contents !important; } @media (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 { height: auto !important; padding: 20px 24px 28px !important; } } @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 { padding: 14px 14px 20px !important; } } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-card { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 520px !important; margin: 0 auto !important; padding: 34px 34px 30px !important; background: linear-gradient( 145deg, rgba(255,255,255,.98) 0%, rgba(255,254,250,.96) 100% ) !important; border: 1px solid #e8dfcf !important; border-radius: 22px !important; box-shadow: 0 14px 34px rgba(31,61,47,.065) !important; } @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-card { max-width: 100% !important; padding: 26px 18px 22px !important; border-radius: 18px !important; } } /* Petit symbole */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-brand { width: 100% !important; margin: 0 0 5px !important; color: #609047 !important; font-size: 22px !important; line-height: 1 !important; text-align: center !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-brand * { margin: 0 !important; text-align: center !important; } /* Titre */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title .elementor-heading-title { width: 100% !important; margin: 0 0 7px !important; color: #173f32 !important; font-family: "Manrope", sans-serif !important; font-size: 34px !important; font-weight: 800 !important; line-height: 1.1 !important; text-align: center !important; } /* Sous-titre */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-subtitle, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-subtitle p { width: 100% !important; margin: 0 0 24px !important; color: #53665d !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.5 !important; text-align: center !important; } @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title .elementor-heading-title { font-size: 29px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-subtitle, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-subtitle p { margin-bottom: 20px !important; font-size: 13px !important; } } /* ========================================================= AZANA AUTH — TRADUCTION TEXTES LOGIN ========================================================= */ /* --------------------------------------------------------- "Remember Me" → "Se souvenir de moi" Compatible Elementor + WooCommerce --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-remember-me label, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-checkbox label, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-login__rememberme { font-size: 0 !important; } /* On conserve la checkbox à sa taille normale */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-remember-me input, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-checkbox input, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-login__rememberme input { font-size: 14px !important; } /* Nouveau texte français */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-remember-me label::after, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-checkbox label::after, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-login__rememberme::after { content: "Se souvenir de moi" !important; display: inline-block !important; margin-left: 8px !important; color: #40564c !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; vertical-align: middle !important; } /* --------------------------------------------------------- "Lost your password?" → "Mot de passe oublié ?" --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login__links a, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .lost_password a, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-LostPassword a { font-size: 0 !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login__links a::after, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .lost_password a::after, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-LostPassword a::after { content: "Mot de passe oublié ?" !important; color: #456d3b !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4 !important; text-decoration: none !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login__links a:hover::after, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .lost_password a:hover::after, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-LostPassword a:hover::after { color: #609047 !important; } /* ========================================================= AZANA AUTH — LOST PASSWORD FR ========================================================= */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 a[href*="lost-password"] { font-size: 0 !important; text-decoration: none !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 a[href*="lost-password"]::after { content: "Mot de passe oublié ?" !important; display: inline-block !important; color: #456d3b !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4 !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 a[href*="lost-password"]:hover::after { color: #609047 !important; } /* ========================================================= AZANA AUTH — MOT DE PASSE OUBLIÉ ========================================================= */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-lost-password { font-size: 0 !important; text-decoration: none !important; color: #456d3b !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-lost-password::after { content: "Mot de passe oublié ?" !important; display: inline-block !important; color: #456d3b !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4 !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-lost-password:hover::after { color: #609047 !important; } /* ========================================================= AZANA AUTH — FORMULAIRE CONNEXION PREMIUM ========================================================= */ /* --------------------------------------------------------- FORMULAIRE / WRAPPER --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login { width: 100% !important; margin: 0 !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-form-fields-wrapper { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 18px !important; row-gap: 14px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Tous les groupes Elementor */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-form-fields-wrapper > .elementor-field-group { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- IDENTIFIANT + MOT DE PASSE pleine largeur --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-text { grid-column: 1 / -1 !important; } /* Champs */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="text"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="email"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="password"] { width: 100% !important; height: 54px !important; margin: 0 !important; padding: 0 17px !important; background: #fffefb !important; border: 1px solid #d9d5ca !important; border-radius: 10px !important; color: #27483b !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; box-shadow: none !important; outline: none !important; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important; } /* Placeholder */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input::placeholder { color: #929b96 !important; opacity: 1 !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 450 !important; } /* Focus */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="text"]:focus, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="email"]:focus, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="password"]:focus { background: #ffffff !important; border-color: #78a35f !important; box-shadow: 0 0 0 3px rgba(96, 144, 71, .10) !important; } /* --------------------------------------------------------- SE SOUVENIR DE MOI --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-remember-me { grid-column: 1 !important; grid-row: auto !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; min-width: 0 !important; margin: 2px 0 0 !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-remember-me label { display: inline-flex !important; align-items: center !important; margin: 0 !important; cursor: pointer !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-remember-me input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; position: relative !important; flex: 0 0 17px !important; width: 17px !important; height: 17px !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #bfc9c3 !important; border-radius: 4px !important; box-shadow: none !important; cursor: pointer !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-remember-me input[type="checkbox"]:checked { background: #5f9148 !important; border-color: #5f9148 !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-remember-me input[type="checkbox"]:checked::after { content: "" !important; position: absolute !important; left: 5px !important; top: 2px !important; width: 5px !important; height: 9px !important; border: solid #ffffff !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; } /* Texte "Se souvenir de moi" */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-remember-me label::after { margin-left: 8px !important; color: #4b5e55 !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.3 !important; } /* --------------------------------------------------------- MOT DE PASSE OUBLIÉ On le remonte sur la même ligne --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-html { grid-column: 2 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; margin: 2px 0 0 !important; padding: 0 !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-lost-password { margin: 0 !important; font-size: 0 !important; text-decoration: none !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-lost-password::after { content: "Mot de passe oublié ?" !important; color: #527f43 !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; text-decoration: none !important; transition: color .2s ease !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-lost-password:hover::after { color: #345f35 !important; } /* --------------------------------------------------------- BOUTON SE CONNECTER --------------------------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-submit { grid-column: 1 / -1 !important; width: 100% !important; margin-top: 5px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-submit .elementor-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 54px !important; margin: 0 !important; padding: 14px 20px !important; background: linear-gradient( 90deg, #174c38 0%, #0d5a39 100% ) !important; border: 0 !important; border-radius: 10px !important; color: #ffffff !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-transform: none !important; box-shadow: 0 7px 16px rgba(21, 75, 53, .13) !important; transform: none !important; transition: background .2s ease, box-shadow .2s ease, transform .2s ease !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-submit .elementor-button:hover { background: linear-gradient( 90deg, #205d43 0%, #126441 100% ) !important; color: #ffffff !important; box-shadow: 0 9px 20px rgba(21, 75, 53, .18) !important; transform: translateY(-1px) !important; } /* Empêcher Elementor de déformer son contenu */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-submit .elementor-button-content-wrapper, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-submit .elementor-button-text { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; line-height: 1.2 !important; transform: none !important; } /* ========================================================= TABLETTE ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-card { max-width: 560px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="text"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="email"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="password"] { height: 52px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-form-fields-wrapper { grid-template-columns: 1fr !important; row-gap: 12px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-text, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-remember-me, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-html, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-submit { grid-column: 1 !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="text"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="email"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="password"] { height: 50px !important; padding-left: 14px !important; padding-right: 14px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-remember-me { justify-content: flex-start !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-html { justify-content: flex-start !important; margin-top: -2px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-submit { margin-top: 4px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-submit .elementor-button { min-height: 50px !important; border-radius: 9px !important; } } /* ========================================================= AZANA AUTH — RESPONSIVE : FORMULAIRE EN PREMIER Desktop inchangé ========================================================= */ @media (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 { display: flex !important; flex-direction: column !important; width: 100% !important; min-height: 0 !important; gap: 14px !important; } /* Connexion en premier */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-auth-form { order: 1 !important; width: 100% !important; max-width: 100% !important; } /* Univers / mascotte ensuite */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-auth-visual { order: 2 !important; width: 100% !important; max-width: 100% !important; } } /* ========================================================= AZANA AUTH — FORMULAIRE RESPONSIVE PLEINE LARGEUR ========================================================= */ /* TABLETTE */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 14px 10px 8px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-card { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 32px 34px 28px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 8px 4px 6px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-card { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 26px 16px 22px !important; border-radius: 16px !important; } } /* ========================================================= AZANA AUTH — CONNEXION RESPONSIVE COMPACTE ========================================================= */ /* ========================= TABLETTE ========================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 { display: block !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 8px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-card { width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 24px 28px !important; border-radius: 18px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-brand { margin-bottom: 3px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title .elementor-heading-title { margin-bottom: 5px !important; font-size: 30px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-subtitle, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-subtitle p { margin-bottom: 18px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-form-fields-wrapper { row-gap: 10px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="text"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="email"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="password"] { height: 48px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-submit .elementor-button { min-height: 48px !important; } } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 { display: block !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 4px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-card { width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 22px 14px 18px !important; border-radius: 15px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-brand { margin-bottom: 2px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title .elementor-heading-title { margin-bottom: 5px !important; font-size: 26px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-subtitle, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-subtitle p { margin-bottom: 16px !important; font-size: 12px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-form-fields-wrapper { row-gap: 9px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="text"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="email"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-login input[type="password"] { height: 46px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .elementor-field-type-submit .elementor-button { min-height: 46px !important; } } /* ========================================================= AZANA — INSCRIPTION PREMIUM Vue inscription uniquement ========================================================= */ /* ----------------------------------------- Masquer le titre natif "S’enregistrer" ----------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register > h2, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .register > h2, .elementor-174736 .elementor-element.elementor-element-4be4fd0 h2 { display: none !important; } /* ----------------------------------------- Formulaire ----------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register, .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register { width: 100% !important; margin: 0 !important; padding: 0 !important; font-family: "Manrope", sans-serif !important; } /* ----------------------------------------- Groupes de champs ----------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-row, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .form-row { width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; } /* Labels */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-row label, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .form-row label { display: block !important; margin: 0 0 7px !important; color: #284d3d !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; } /* Astérisque */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .required { color: #c66a62 !important; } /* ----------------------------------------- Champs ----------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register input.input-text, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register input[type="email"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register input[type="password"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register input.input-text, .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register input[type="email"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register input[type="password"] { width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 16px !important; background: #fffefb !important; border: 1px solid #d9d5ca !important; border-radius: 10px !important; color: #27483b !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; box-shadow: none !important; outline: none !important; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register input:focus, .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register input:focus { background: #ffffff !important; border-color: #78a35f !important; box-shadow: 0 0 0 3px rgba(96,144,71,.10) !important; } /* ----------------------------------------- Confidentialité ----------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-privacy-policy-text { margin: 8px 0 16px !important; color: #66786f !important; font-family: "Manrope", sans-serif !important; font-size: 12px !important; font-weight: 450 !important; line-height: 1.6 !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-privacy-policy-text p { margin: 0 !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-privacy-policy-text a { color: #527f43 !important; font-weight: 600 !important; text-decoration: underline !important; text-underline-offset: 2px !important; } /* ----------------------------------------- Newsletter / checkbox ----------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 input[type="checkbox"] { width: 17px !important; height: 17px !important; margin-right: 7px !important; accent-color: #5f9148 !important; vertical-align: middle !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 input[type="checkbox"] + span, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register label { font-family: "Manrope", sans-serif !important; } /* ----------------------------------------- Bouton S’enregistrer ----------------------------------------- */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register__submit, .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register button[type="submit"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register .button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 52px !important; margin: 16px 0 0 !important; padding: 13px 20px !important; background: linear-gradient( 90deg, #174c38 0%, #0d5a39 100% ) !important; border: 0 !important; border-radius: 10px !important; color: #ffffff !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; text-transform: none !important; box-shadow: 0 7px 16px rgba(21,75,53,.13) !important; transition: background .2s ease, box-shadow .2s ease, transform .2s ease !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register__submit:hover, .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register button[type="submit"]:hover, .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register .button:hover { background: linear-gradient( 90deg, #205d43 0%, #126441 100% ) !important; color: #ffffff !important; transform: translateY(-1px) !important; box-shadow: 0 9px 20px rgba(21,75,53,.18) !important; } /* ========================================================= TABLETTE ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register input.input-text, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register input[type="email"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register input[type="password"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register input.input-text, .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register input[type="email"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register input[type="password"] { height: 48px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register__submit, .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register button[type="submit"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register .button { min-height: 48px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-row, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .form-row { margin-bottom: 11px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register input.input-text, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register input[type="email"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register input[type="password"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register input.input-text, .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register input[type="email"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register input[type="password"] { height: 46px !important; padding-left: 13px !important; padding-right: 13px !important; font-size: 13px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-privacy-policy-text { font-size: 11px !important; line-height: 1.55 !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register__submit, .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register button[type="submit"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register .button { min-height: 46px !important; margin-top: 13px !important; } } /* ========================================================= RETOUR CONNEXION ========================================================= */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-auth-switch-login { width: 100% !important; margin-top: 11px !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-auth-switch-login .elementor-button { width: 100% !important; padding: 13px 18px !important; background: transparent !important; border: 1px solid #6e967b !important; border-radius: 10px !important; color: #315c49 !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 650 !important; text-transform: none !important; box-shadow: none !important; } .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-auth-switch-login .elementor-button:hover { background: #f4f8f1 !important; border-color: #5f9148 !important; color: #234b39 !important; transform: none !important; } /* ========================================================= AZANA INSCRIPTION — RESTAURATION DU TITRE ========================================================= */ /* Le titre Elementor "Inscription" reste visible */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title h1, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title h2, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title h3, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title .elementor-heading-title { display: block !important; width: 100% !important; margin: 0 0 7px !important; color: #173f32 !important; font-family: "Manrope", sans-serif !important; font-size: 34px !important; font-weight: 800 !important; line-height: 1.1 !important; text-align: center !important; } /* On masque UNIQUEMENT le titre natif du formulaire */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .woocommerce-form-register > h2, .elementor-174736 .elementor-element.elementor-element-4be4fd0 form.register > h2 { display: none !important; } /* Responsive */ @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title h1, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title h2, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title h3, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-title .elementor-heading-title { font-size: 29px !important; } } /* ========================================================= AZANA INSCRIPTION — FIX AFFICHER / MASQUER MOT DE PASSE ========================================================= */ /* Le wrapper du mot de passe devient la référence */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .password-input { position: relative !important; display: block !important; width: 100% !important; } /* Laisse une place à droite pour l'icône */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .password-input input[type="password"], .elementor-174736 .elementor-element.elementor-element-4be4fd0 .password-input input[type="text"] { width: 100% !important; padding-right: 48px !important; } /* Bouton afficher / masquer */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .show-password-input { position: absolute !important; top: 50% !important; right: 12px !important; left: auto !important; bottom: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; transform: translateY(-50%) !important; cursor: pointer !important; z-index: 5 !important; } /* Aucun carré vert au hover */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .show-password-input:hover, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .show-password-input:focus, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .show-password-input:active { background: #f2f7ef !important; border: 0 !important; box-shadow: none !important; transform: translateY(-50%) !important; } /* Nettoyage des pseudo-éléments éventuels */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .show-password-input::before, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .show-password-input::after { background-color: transparent !important; box-shadow: none !important; } /* ========================================================= AZANA INSCRIPTION — RESTAURER LA PETITE FEUILLE ========================================================= */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-brand { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; color: #78a842 !important; font-family: "Manrope", sans-serif !important; font-size: 22px !important; line-height: 1 !important; text-align: center !important; opacity: 1 !important; visibility: visible !important; } /* Elementor peut placer le contenu dans un wrapper */ .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-brand .elementor-widget-container, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-brand p, .elementor-174736 .elementor-element.elementor-element-4be4fd0 .azana-login-brand span { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #78a842 !important; font-size: 22px !important; line-height: 1 !important; text-align: center !important; opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a48e08d */.elementor-174736 .elementor-element.elementor-element-a48e08d { display: grid !important; grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr) !important; width: 100% !important; min-height: 700px !important; margin: 0 !important; padding: 0 !important; background: linear-gradient( 135deg, #fffef9 0%, #faf6ec 100% ) !important; border: 1px solid #e6dac3 !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(31, 61, 47, .045) !important; } .elementor-174736 .elementor-element.elementor-element-a48e08d > .e-con-inner { display: contents !important; } /* ========================================================= AZANA AUTH — RESPONSIVE MAIN Desktop inchangé ========================================================= */ @media (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-a48e08d { grid-template-columns: 1fr !important; width: 100% !important; min-height: 0 !important; border-radius: 20px !important; } .elementor-174736 .elementor-element.elementor-element-a48e08d > .azana-auth-visual, .elementor-174736 .elementor-element.elementor-element-a48e08d > .azana-auth-form { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } } /* ========================================================= AZANA AUTH — STRUCTURE FINALE Desktop : plus de place au visuel Tablet/Mobile : Connexion EN PREMIER ========================================================= */ /* ========================= DESKTOP ========================= */ @media (min-width: 1025px) { .elementor-174736 .elementor-element.elementor-element-a48e08d { display: grid !important; /* Plus de place à la partie mascotte */ grid-template-columns: minmax(0, 1.18fr) minmax(410px, .82fr) !important; align-items: stretch !important; width: 100% !important; } } /* ========================= TABLETTE + MOBILE ========================= */ @media (max-width: 1024px) { /* * Important : * on neutralise ici la grille desktop. */ .elementor-174736 .elementor-element.elementor-element-a48e08d { display: block !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* * C'est CE wrapper Elementor qui contient * réellement les deux colonnes. */ .elementor-174736 .elementor-element.elementor-element-a48e08d > .e-con-inner { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; } /* Si Elementor n'utilise pas e-con-inner */ .elementor-174736 .elementor-element.elementor-element-a48e08d > .azana-auth-form, .elementor-174736 .elementor-element.elementor-element-a48e08d > .azana-auth-visual { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* Connexion réellement en PREMIER */ .elementor-174736 .elementor-element.elementor-element-a48e08d .azana-auth-form { order: 1 !important; width: 100% !important; max-width: 100% !important; } /* Univers / mascotte ensuite */ .elementor-174736 .elementor-element.elementor-element-a48e08d .azana-auth-visual { order: 2 !important; width: 100% !important; max-width: 100% !important; } } /* ========================================================= AZANA AUTH — FIX DÉFINITIF ORDRE TABLETTE / MOBILE Connexion EN PREMIER ========================================================= */ @media (max-width: 1024px) { /* Cas où les enfants sont directement dans auth-main */ .elementor-174736 .elementor-element.elementor-element-a48e08d { display: flex !important; flex-direction: column-reverse !important; grid-template-columns: none !important; width: 100% !important; height: auto !important; min-height: 0 !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; } /* Cas Elementor avec wrapper .e-con-inner */ .elementor-174736 .elementor-element.elementor-element-a48e08d > .e-con-inner { display: flex !important; flex-direction: column-reverse !important; width: 100% !important; height: auto !important; min-height: 0 !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; } /* On annule les anciens order pour éviter tout conflit */ .elementor-174736 .elementor-element.elementor-element-a48e08d .azana-auth-visual, .elementor-174736 .elementor-element.elementor-element-a48e08d .azana-auth-form { order: 0 !important; flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a831f1b */.elementor-174736 .elementor-element.elementor-element-a831f1b { --azana-dark: #173f32; --azana-green: #609047; --azana-green-hover: #527f3c; --azana-green-soft: #edf5e8; --azana-gold: #c69b3c; --azana-cream: #fffdf8; --azana-border: #e6dac3; --azana-text: #40564c; --azana-muted: #718078; width: 100% !important; max-width: 1380px !important; margin: 0 auto !important; padding: 34px 22px 46px !important; font-family: "Manrope", sans-serif !important; box-sizing: border-box !important; } .elementor-174736 .elementor-element.elementor-element-a831f1b *, .elementor-174736 .elementor-element.elementor-element-a831f1b *::before, .elementor-174736 .elementor-element.elementor-element-a831f1b *::after { box-sizing: border-box !important; } /* ========================================================= AZANA AUTH — ESPACE EXTÉRIEUR TABLETTE / MOBILE Desktop inchangé ========================================================= */ /* TABLETTE */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-a831f1b { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 18px 10px 28px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-174736 .elementor-element.elementor-element-a831f1b { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 10px 6px 20px !important; } } /* ========================================================= AZANA AUTH — SWITCH CONNEXION / INSCRIPTION ========================================================= */ /* Inscription cachée par défaut */ .elementor-174736 .elementor-element.elementor-element-a831f1b .azana-register-view { display: none !important; } /* Quand #inscription est appelé */ .elementor-174736 .elementor-element.elementor-element-a831f1b:has(#inscription:target) .azana-login-view { display: none !important; } .elementor-174736 .elementor-element.elementor-element-a831f1b:has(#inscription:target) .azana-register-view { display: grid !important; } /* Quand on revient explicitement sur #connexion */ .elementor-174736 .elementor-element.elementor-element-a831f1b:has(#connexion:target) .azana-login-view { display: grid !important; } .elementor-174736 .elementor-element.elementor-element-a831f1b:has(#connexion:target) .azana-register-view { display: none !important; } /* Responsive */ @media (max-width: 1024px) { .elementor-174736 .elementor-element.elementor-element-a831f1b:has(#inscription:target) .azana-register-view, .elementor-174736 .elementor-element.elementor-element-a831f1b:has(#connexion:target) .azana-login-view { display: flex !important; flex-direction: column-reverse !important; } } /* ========================================================= AZANA AUTH — MOBILE : LARGEUR MAXIMALE RÉELLE ========================================================= */ @media (max-width: 767px) { /* ROOT */ .elementor-174736 .elementor-element.elementor-element-a831f1b { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 6px !important; box-sizing: border-box !important; } /* Wrapper Elementor direct */ .elementor-174736 .elementor-element.elementor-element-a831f1b > .e-con-inner { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Vue connexion / inscription */ .elementor-174736 .elementor-element.elementor-element-a831f1b .azana-auth-main, .elementor-174736 .elementor-element.elementor-element-a831f1b .azana-login-view, .elementor-174736 .elementor-element.elementor-element-a831f1b .azana-register-view { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Wrapper interne éventuel des vues */ .elementor-174736 .elementor-element.elementor-element-a831f1b .azana-auth-main > .e-con-inner, .elementor-174736 .elementor-element.elementor-element-a831f1b .azana-login-view > .e-con-inner, .elementor-174736 .elementor-element.elementor-element-a831f1b .azana-register-view > .e-con-inner { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Colonne formulaire */ .elementor-174736 .elementor-element.elementor-element-a831f1b .azana-auth-form { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Carte blanche */ .elementor-174736 .elementor-element.elementor-element-a831f1b .azana-login-card { width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } } /* ========================================================= AZANA AUTH — SUPPRIMER LES MARGES WOODMART SUR MOBILE UNIQUEMENT PAGE MON COMPTE NON CONNECTÉE ========================================================= */ @media (max-width: 767px) { /* Wrapper principal WoodMart */ body.page-id-28840 #main-content.wd-content-layout.container { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Zone de contenu WoodMart */ body.page-id-28840 #main-content > .wd-content-area.site-content { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Elementor doit également pouvoir utiliser toute la largeur */ body.page-id-28840 #main-content .elementor { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */