/* ============================================================================
   Pages PUBLIQUES « Ciel et cahier » (bords fins) : Connexion (wp-login.php : connexion, mot de passe oublié, courriel envoyé, créer un compte WordPress,
   nouveau mot de passe, erreur), Inscription (/register/, widget d'Elementor) et écrans de connexion WooCommerce de /my-account/ (visiteur).
   RESTYLÉ par-dessus login.css / register.css / desk-auth.css (mêmes balisages, mêmes champs, mêmes messages) : panneau de marque teal PLAT (sans dégradé),
   carte à bord fin, Lexend, bouton violet (l'action), personnages de niveau avec liseré.
   Pas de body.ar-cc ici (visiteur sans rôle) : garde = body.ar-auth-cc, posée par LoginPage / RegisterPage / AccountPage seulement quand
   Desk::cc('parent') (filtre `school_portal_ciel_cahier`) ; filtre faux = ni classe ni feuille, l'aspect précédent revient tel quel.
   Chargé APRÈS login.css, register.css et desk-auth.css (même spécificité : le dernier gagne ; id de « Login Customizer » : !important ciblé).
   Polices et jetons repris de cc-base.css (cette feuille ne dépend pas de lui : les pages publiques ne le chargent pas).
   ============================================================================ */
@font-face { font-family: 'Lexend'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(../fonts/lexend-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

body.ar-auth-cc {
    --ink: #1c2540; --ink2: #55627d; --ink3: #7a87a0; --tab: #0f4f5c; --tab3: #0a3b46; --sky: #e9f2fb; --sky2: #d3e3f3; --sky3: #f4f8fd;
    --vio: #21a9b7; --vio-d: #186e77; --vio-s: #dffafd; --vio-b: #b6f0f6; --ok: #16a05b; --ok-d: #0d7040; --ok-s: #e3f6ec; --ok-b: #a9e0c2;
    --bad: #e5484d; --bad-d: #a5242a; --bad-s: #fdeaea; --bad-b: #f6b9bb; --info: #2b7fff; --info-d: #1556c0; --info-s: #e6f0ff; --info-b: #b5d0fb;
    --bw: 1px; --fb: 'Lexend', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --fd: var(--fb);
    font-family: var(--fb); color: var(--ink);
}

/* =============================== CONNEXION (wp-login.php) =============================== */
body.login.ar-login.ar-auth-cc { background-color: var(--sky); background-image: none !important; font-family: var(--fb); color: var(--ink); }
body.login.ar-login.ar-auth-cc.ar-login-sent { background-color: var(--sky); }

/* carte */
body.login.ar-login.ar-auth-cc #login form#loginform, body.login.ar-login.ar-auth-cc #login form#registerform, body.login.ar-login.ar-auth-cc #login form#lostpasswordform, body.login.ar-login.ar-auth-cc #login form#resetpassform,
body.login.ar-login.ar-auth-cc .ar-login-card, body.login.ar-login.ar-auth-cc .ar-login-sent { padding: 30px; border: var(--bw) solid var(--sky2); border-radius: 26px !important; background: #fff; box-shadow: none; }
body.login.ar-login.ar-auth-cc #login .ar-login-card form#loginform, body.login.ar-login.ar-auth-cc #login .ar-login-card form#registerform, body.login.ar-login.ar-auth-cc #login .ar-login-card form#lostpasswordform, body.login.ar-login.ar-auth-cc #login .ar-login-card form#resetpassform { padding: 0 !important; border: 0; border-radius: 0 !important; background: transparent; }
body.login.ar-login.ar-auth-cc .ar-login-head h2 { font: 600 28px/1.15 var(--fb); letter-spacing: -.015em; color: var(--ink); }
body.login.ar-login.ar-auth-cc .ar-login-head p { margin: 6px 0 18px; font: 600 14.5px/1.5 var(--fb); color: var(--ink2); }

/* champs */
body.login.ar-login.ar-auth-cc #login form label { margin: 0 0 6px; font: 800 13.5px/1.3 var(--fb); color: var(--ink); }
body.login.ar-login.ar-auth-cc div#login form .input, body.login.ar-login.ar-auth-cc div#login form input[type="text"], body.login.ar-login.ar-auth-cc div#login form input[type="password"], body.login.ar-login.ar-auth-cc div#login form input[type="email"] {
    height: 46px; border: var(--bw) solid var(--sky2) !important; border-radius: 14px !important; background: var(--sky3); font: 600 15px var(--fb) !important; color: var(--ink);
}
body.login.ar-login.ar-auth-cc div#login form .input:focus, body.login.ar-login.ar-auth-cc div#login form input[type="text"]:focus, body.login.ar-login.ar-auth-cc div#login form input[type="password"]:focus, body.login.ar-login.ar-auth-cc div#login form input[type="email"]:focus {
    border-color: var(--vio) !important; background: #fff; box-shadow: 0 0 0 4px var(--vio-s) !important; outline: 0;
}
body.login.ar-login.ar-auth-cc div#login form .input.ar-bad { border-color: var(--bad) !important; background: var(--bad-s); }
body.login.ar-login.ar-auth-cc #login .wp-pwd .button.wp-hide-pw { height: 46px; color: var(--ink3); }
body.login.ar-login.ar-auth-cc #login form input[type="checkbox"] { width: 24px; min-width: 24px; height: 24px; border: var(--bw) solid #b9c7d9; border-radius: 8px; }
body.login.ar-login.ar-auth-cc #login form input[type="checkbox"]:checked { border-color: var(--vio-d); background: var(--vio); }
body.login.ar-login.ar-auth-cc #login form input[type="checkbox"]:checked::before { left: 7px; top: 3px; width: 6px; height: 11px; }
body.login.ar-login.ar-auth-cc #login form input[type="checkbox"]:focus { box-shadow: 0 0 0 4px var(--vio-s); }
body.login.ar-login.ar-auth-cc #login form .forgetmenot, body.login.ar-login.ar-auth-cc #login form .forgetmenot label { font: 700 14px var(--fb); color: var(--ink); }
body.login.ar-login.ar-auth-cc .ar-login-lost, body.login.ar-login.ar-auth-cc .ar-login-lost:hover { font: 800 13.5px var(--fb); color: var(--vio-d); }
body.login.ar-login.ar-auth-cc #login form#loginform .ar-login-row, body.login.ar-login.ar-auth-cc .ar-login-row { margin-bottom: 18px; }

/* bouton principal */
body.login.ar-login.ar-auth-cc #login form p.submit .button, body.login.ar-login.ar-auth-cc #login form p.submit .button-primary {
    height: 52px !important; min-height: 52px; border: var(--bw) solid var(--vio-d) !important; border-radius: 15px !important; background: var(--vio) !important; box-shadow: none; font: 800 15.5px var(--fb) !important; color: #fff;
}
body.login.ar-login.ar-auth-cc #login form p.submit .button:hover, body.login.ar-login.ar-auth-cc #login form p.submit .button:focus { background: var(--vio-d) !important; }
body.login.ar-login.ar-auth-cc #login form p.submit .button:focus { box-shadow: 0 0 0 4px var(--vio-s); }

/* « ou » + Microsoft */
body.login.ar-login.ar-auth-cc .ar-login-or { margin: 18px 0; font: 800 12px var(--fb); letter-spacing: .12em; color: var(--ink3); }
body.login.ar-login.ar-auth-cc .ar-login-or::before, body.login.ar-login.ar-auth-cc .ar-login-or::after { height: 0; border-top: var(--bw) solid var(--sky2); background: none; }
body.login.ar-login.ar-auth-cc .wpo365-mssignin-button { height: 52px; min-height: 52px; max-height: 52px; border: var(--bw) solid var(--sky2); border-radius: 15px; }
body.login.ar-login.ar-auth-cc .wpo365-mssignin-label { color: var(--ink); }
body.login.ar-login.ar-auth-cc .wpo365-mssignin-label::after { font: 800 15px var(--fb); }

/* messages */
body.login.ar-login.ar-auth-cc #login #login_error, body.login.ar-login.ar-auth-cc #login .message, body.login.ar-login.ar-auth-cc #login .success {
    padding: 13px 16px 13px 46px; border: var(--bw) solid var(--info-b) !important; border-radius: 18px; background: var(--info-s); font: 700 14px/1.45 var(--fb); color: var(--info-d);
}
body.login.ar-login.ar-auth-cc #login #login_error { border-color: var(--bad-b) !important; background: var(--bad-s); color: var(--bad-d); }
body.login.ar-login.ar-auth-cc #login .success { border-color: var(--ok-b) !important; background: var(--ok-s); color: var(--ok-d); }
body.login.ar-login.ar-auth-cc #login #login_error::before, body.login.ar-login.ar-auth-cc #login .message::before, body.login.ar-login.ar-auth-cc #login .success::before { left: 16px; top: 14px; width: 20px; height: 20px; }
body.login.ar-login.ar-auth-cc #login #reg_passmail { font: 600 13.5px/1.5 var(--fb); color: var(--ink2); }
body.login.ar-login.ar-auth-cc #login #pass-strength-result { border-radius: 12px; font: 700 12.5px var(--fb); }

/* courriel envoyé */
body.login.ar-login.ar-auth-cc .ar-login-mail { width: 64px; height: 64px; background: var(--vio-s); color: var(--vio); box-shadow: inset 0 0 0 var(--bw) var(--vio-b); }
body.login.ar-login.ar-auth-cc .ar-login-sent h2 { font: 600 26px/1.15 var(--fb); color: var(--ink); }
body.login.ar-login.ar-auth-cc .ar-login-sent > p { font: 600 14.5px/1.5 var(--fb); color: var(--ink2); }
body.login.ar-login.ar-auth-cc a.ar-login-sent-btn, body.login.ar-login.ar-auth-cc a.ar-login-sent-btn:hover, body.login.ar-login.ar-auth-cc a.ar-login-sent-btn:focus { height: 52px; margin-top: 20px; border: var(--bw) solid var(--vio-d); border-radius: 15px; background: var(--vio); font: 800 15.5px var(--fb); }
body.login.ar-login.ar-auth-cc .ar-login-sent .ar-login-help { border: var(--bw) solid var(--sky2); border-radius: 16px; background: var(--sky3); font: 700 13px/1.45 var(--fb); color: var(--ink2); }

/* liens du bas + langue */
body.login.ar-login.ar-auth-cc #login #nav, body.login.ar-login.ar-auth-cc #login #backtoblog { font: 700 14px var(--fb); color: var(--ink2); }
body.login.ar-login.ar-auth-cc #login #nav a { font-weight: 800; color: var(--vio-d); }
body.login.ar-login.ar-auth-cc #login #backtoblog a, body.login.ar-login.ar-auth-cc #login .privacy-policy-page-link a { font: 700 13.5px var(--fb); color: var(--ink2); }
body.login.ar-login.ar-auth-cc .language-switcher select { height: 42px; min-height: 42px; border: var(--bw) solid var(--sky2); border-radius: 99px; background-color: #fff; font: 800 13.5px var(--fb); color: var(--ink); }
body.login.ar-login.ar-auth-cc .language-switcher label { color: var(--ink3); }

/* =============================== PANNEAU DE MARQUE (connexion + inscription) =============================== */
@media (min-width: 801px) {
    body.ar-auth-cc .ar-auth-brand { background: var(--tab); font-family: var(--fb); }
    body.ar-auth-cc .ar-auth-brand .ar-auth-logo, body.ar-auth-cc .ar-auth-brand .ar-auth-logo:hover, body.ar-auth-cc .ar-auth-brand .ar-auth-logo:focus { padding: 10px 16px; border-radius: 18px; box-shadow: none; font-family: var(--fb); }
    body.ar-auth-cc .ar-auth-brand .ar-auth-title { max-width: 460px; font: 600 clamp(30px, 3.1vw, 40px)/1.15 var(--fb); letter-spacing: -.02em; }
    body.ar-auth-cc .ar-auth-brand .ar-auth-lead { margin-top: 16px; max-width: 440px; font: 500 17px/1.55 var(--fb); color: #cfe7ea; }
    body.ar-auth-cc .ar-auth-brand .ar-auth-points { margin-top: 24px; }
    body.ar-auth-cc .ar-auth-brand .ar-auth-points li { gap: 12px; font: 700 15.5px var(--fb); }
    body.ar-auth-cc .ar-auth-brand .ar-auth-ck { width: 28px; height: 28px; background: rgba(255, 255, 255, .16); }
    body.ar-auth-cc .ar-auth-brand .ar-auth-levels { margin-top: 30px; }
    body.ar-auth-cc .ar-auth-brand .ar-auth-levels-lab { font: 800 11.5px var(--fb); letter-spacing: .12em; color: #a9dbe2; }
    body.ar-auth-cc .ar-auth-brand .ar-lv > img { border-width: 2px; box-shadow: 0 0 0 3px var(--tab); }
    body.ar-auth-cc .ar-auth-brand .ar-auth-foot { font: 500 12.5px/1.5 var(--fb); color: #a9dbe2; }
}
@media (min-width: 1100px) {
    body.login.ar-login.ar-auth-cc { background-color: var(--sky); }
    body.login.ar-login.ar-auth-cc > .ar-auth-brand { padding: 48px 56px; }
}
@media (min-width: 801px) and (max-width: 1099px) {
    body.login.ar-login.ar-auth-cc { background-color: var(--sky); }
    body.ar-auth-cc .ar-auth-brand { height: 72px; background: var(--tab); }
    body.ar-auth-cc .ar-auth-brand .ar-auth-logo, body.ar-auth-cc .ar-auth-brand .ar-auth-logo:hover { padding: 6px 12px; border-radius: 12px; }
    body.ar-auth-cc .ar-auth-brand .ar-auth-title { font: 600 15px/1.25 var(--fb); letter-spacing: -.01em; }
    body.ar-auth-cc .ar-auth-brand .ar-lv > img { box-shadow: 0 0 0 2px var(--tab); }
}

/* =============================== INSCRIPTION (/register/) =============================== */
body.ar-register.ar-auth-cc { background: var(--sky); font-family: var(--fb); overflow-x: clip; }
/* l'image du pied de page du site (1 854 px de large) élargissait la page entière : elle reste dans son conteneur */
body.ar-register.ar-auth-cc .elementor-location-footer :is(img, a) { max-width: 100%; }
body.ar-register.ar-auth-cc .elementor-location-footer img { height: auto; }
body.ar-register.ar-auth-cc .elementor-widget-uael-registration-form > .elementor-widget-container { padding: 30px; border: var(--bw) solid var(--sky2); border-radius: 26px; background: #fff; box-shadow: none; }
body.ar-register.ar-auth-cc .ar-reg-head .ar-reg-title { font: 600 28px/1.15 var(--fb); letter-spacing: -.015em; color: var(--ink); }
body.ar-register.ar-auth-cc .ar-reg-head .ar-reg-sub { margin-top: 6px; font: 600 14.5px/1.5 var(--fb); color: var(--ink2); }
body.ar-register.ar-auth-cc .ar-reg-head { margin-bottom: 18px; }
body.ar-register.ar-auth-cc .uael-registration-form .elementor-field-label, body.ar-register.ar-auth-cc .uael-registration-form label.ar-reg-lab { font: 800 13.5px/1.3 var(--fb); color: var(--ink) !important; }
body.ar-register.ar-auth-cc .uael-registration-form .elementor-field-textual { height: 46px; border: var(--bw) solid var(--sky2) !important; border-radius: 14px !important; background: var(--sky3) !important; font: 600 15px var(--fb) !important; color: var(--ink) !important; }
body.ar-register.ar-auth-cc .uael-registration-form .elementor-field-textual::placeholder { color: var(--ink3); font-weight: 500; }
body.ar-register.ar-auth-cc .uael-registration-form .elementor-field-textual:focus { border-color: var(--vio) !important; background: #fff !important; box-shadow: 0 0 0 4px var(--vio-s) !important; }
body.ar-register.ar-auth-cc .ar-reg-eye, body.ar-register.ar-auth-cc .ar-reg-eye:hover { height: 46px; color: var(--ink3) !important; }
body.ar-register.ar-auth-cc .ar-reg-eye[aria-pressed="true"], body.ar-register.ar-auth-cc .ar-reg-eye[aria-pressed="true"]:hover { color: var(--vio) !important; }
body.ar-register.ar-auth-cc .uael-registration-form .uael-pass-notice { font: 700 12.5px var(--fb); color: var(--ink2); }
body.ar-register.ar-auth-cc .uael-registration-form .acceptance-field input[type="checkbox"] { accent-color: var(--vio); width: 24px !important; height: 24px !important; }
body.ar-register.ar-auth-cc .uael-registration-form .acceptance-field .checkbox-label { font: 700 14px/1.4 var(--fb) !important; color: var(--ink); }
body.ar-register.ar-auth-cc .ar-reg-legal { margin-left: 36px; font: 700 13px/1.5 var(--fb); color: var(--ink2); }
body.ar-register.ar-auth-cc .ar-reg-legal a { color: var(--vio-d); }
body.ar-register.ar-auth-cc .uael-registration-form .uael-register-acceptance-message { margin-left: 36px; }
body.ar-register.ar-auth-cc .uael-registration-form .uael-register-error { font: 700 12.5px var(--fb); color: var(--bad-d); }
body.ar-register.ar-auth-cc .uael-registration-form .uael-register-submit { height: 52px; border: var(--bw) solid var(--vio-d) !important; border-radius: 15px !important; background: var(--vio) !important; box-shadow: none; font: 800 15.5px var(--fb); }
body.ar-register.ar-auth-cc .uael-registration-form .uael-register-submit:hover, body.ar-register.ar-auth-cc .uael-registration-form .uael-register-submit:focus { background: var(--vio-d) !important; }
body.ar-register.ar-auth-cc .uael-registration-form .uael-register-submit:focus-visible { outline: 0; box-shadow: 0 0 0 4px var(--vio-s); }
body.ar-register.ar-auth-cc .uael-registration-form .uael-registration-message { border: var(--bw) solid var(--bad-b); border-radius: 18px; background: var(--bad-s); font: 700 14px/1.45 var(--fb); color: var(--bad-d); }
body.ar-register.ar-auth-cc .uael-registration-form .uael-registration-message.success { border-color: var(--ok-b); background: var(--ok-s); color: var(--ok-d); }
body.ar-register.ar-auth-cc .uael-registration-form .uael-rform-footer { margin-top: 12px; gap: 4px 14px; }
body.ar-register.ar-auth-cc .uael-registration-form .uael-rform-footer-link, body.ar-register.ar-auth-cc .uael-registration-form .uael-rform-footer-link:hover { font: 800 14px var(--fb) !important; color: var(--vio-d) !important; }
body.ar-register.ar-auth-cc .ar-reg-minors { font: 600 12.5px/1.5 var(--fb); color: var(--ink2); }
@media (min-width: 1100px) {
    body.ar-register.ar-auth-cc .e-con-inner:has(> .elementor-widget-uael-registration-form), body.ar-register.ar-auth-cc .ar-auth-frame { border: var(--bw) solid var(--sky2); border-radius: 28px; background: var(--sky); box-shadow: none; }
    body.ar-register.ar-auth-cc .ar-auth-frame > .ar-auth-brand { border-radius: 28px 0 0 28px; }
}
@media (min-width: 801px) and (max-width: 1099px) {
    body.ar-register.ar-auth-cc .ar-auth-frame { border: var(--bw) solid var(--sky2); border-radius: 24px; background: var(--sky); box-shadow: none; }
    body.ar-register.ar-auth-cc .ar-auth-frame > .ar-auth-brand { border-radius: 24px 24px 0 0; }
}

/* =============================== CONNEXION WOOCOMMERCE (visiteur sur /my-account/ et /my-account/lost-password/) =============================== */
body.ar-account.ar-auth-cc .ar-portal-app { background: var(--sky); font-family: var(--fb); }
body.ar-account.ar-auth-cc .ar-portal-main { background: transparent; }
body.ar-account.ar-auth-cc.ar-auth-cc :is(.woocommerce, .elementor-heading-title, .elementor-icon-list-text) { font-family: var(--fb) !important; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form.woocommerce-form-login, body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form.woocommerce-ResetPassword, body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form.lost_reset_password {
    max-width: 520px; margin: 0 auto; padding: 30px; border: var(--bw) solid var(--sky2); border-radius: 26px; background: #fff; box-shadow: none;
}
/* Connexion WooCommerce du visiteur : le formulaire respire (carte à 30 px de marge, lignes espacées, libellés au-dessus des champs). Le sélecteur répète
   .ar-auth-cc : le widget « Mon compte » d'Elementor pose son propre fond / sa marge / son rayon sur .login avec 5 classes de spécificité. */
body.ar-account.ar-auth-cc.ar-auth-cc .elementor-widget-heading .elementor-heading-title, body.ar-account.ar-auth-cc.ar-auth-cc .e-my-account-tab__dashboard>.elementor-heading-title { max-width: 520px; margin: 0 auto 6px; font: 600 28px/1.15 var(--fb) !important; letter-spacing: -.015em; text-transform: none; text-align: left; color: var(--ink); }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form .form-row { display: block; width: 100%; margin: 0 0 20px; padding: 0; float: none; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form .form-row label { display: block; margin: 0 0 8px; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form .password-input { display: block; position: relative; width: 100%; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form .password-input input.input-text { padding-right: 46px !important; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form .show-password-input { position: absolute; top: 50%; right: 14px; transform: translateY(-50%); margin: 0; padding: 0; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form input.input-text { width: 100% !important; box-sizing: border-box !important; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form .woocommerce-form-login__rememberme { margin: 2px 0 18px; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form .woocommerce-form-login__submit { margin-top: 4px; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form.woocommerce-form-login, body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form.woocommerce-ResetPassword, body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form.lost_reset_password { width: 100%; max-width: 520px; box-sizing: border-box; justify-self: center; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form input[type="checkbox"] { flex: none; width: 24px !important; min-width: 24px; height: 24px !important; padding: 0 !important; border-radius: 8px !important; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce > h2, body.ar-account.ar-auth-cc.ar-auth-cc .e-my-account-tab .woocommerce h2 { max-width: 520px; margin: 0 auto 14px; font: 600 28px/1.15 var(--fb); letter-spacing: -.015em; color: var(--ink); }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form label { font: 800 13.5px/1.3 var(--fb); color: var(--ink); }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form .required { color: #e11d48; text-decoration: none; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form input.input-text { min-height: 46px !important; padding: 0 14px !important; border: var(--bw) solid var(--sky2) !important; border-radius: 14px !important; background: var(--sky3) !important; font: 600 15px var(--fb) !important; color: var(--ink) !important; box-shadow: none !important; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form input.input-text:focus { border-color: var(--vio) !important; background: #fff !important; box-shadow: 0 0 0 4px var(--vio-s) !important; outline: 0 !important; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form .button, body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form .button:hover { width: 100% !important; min-height: 52px !important; margin-top: 8px !important; border: var(--bw) solid var(--vio-d) !important; border-radius: 15px !important; background: var(--vio) !important; color: #fff !important; box-shadow: none !important; font: 800 15.5px var(--fb) !important; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form .woocommerce-form-login__rememberme { display: flex; align-items: center; gap: 12px; margin: 4px 0 12px; font: 700 14px var(--fb); }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; margin: 0; border: var(--bw) solid #b9c7d9; border-radius: 8px; background: #fff; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form input[type="checkbox"]:checked { border-color: var(--vio-d); background: var(--vio) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 14px no-repeat; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce .lost_password { margin: 14px 0 0; text-align: center; font: 800 14px var(--fb); }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce .lost_password a { color: var(--vio-d); }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce-message, body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce-info, body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce-error { max-width: 520px; margin: 0 auto 14px; padding: 13px 16px; border: var(--bw) solid var(--info-b); border-radius: 18px; background: var(--info-s); color: var(--info-d); font: 700 14px/1.45 var(--fb); list-style: none; }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce-error { border-color: var(--bad-b); background: var(--bad-s); color: var(--bad-d); }
body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce-message { border-color: var(--ok-b); background: var(--ok-s); color: var(--ok-d); }

/* =============================== téléphone (≤ 800 px) =============================== */
@media (max-width: 800px) {
    body.login.ar-login.ar-auth-cc #login form#loginform, body.login.ar-login.ar-auth-cc #login form#registerform, body.login.ar-login.ar-auth-cc #login form#lostpasswordform, body.login.ar-login.ar-auth-cc #login form#resetpassform, body.login.ar-login.ar-auth-cc .ar-login-card, body.login.ar-login.ar-auth-cc .ar-login-sent { padding: 24px 20px; border-radius: 24px !important; }
    body.login.ar-login.ar-auth-cc .ar-login-head h2 { font-size: 26px; }
    body.login.ar-login.ar-auth-cc #login form .forgetmenot, body.login.ar-login.ar-auth-cc #login form .forgetmenot label { gap: 10px; font-size: 13px; }
    body.login.ar-login.ar-auth-cc .ar-login-lost, body.login.ar-login.ar-auth-cc .ar-login-lost:hover { font-size: 13px; }
    body.login.ar-login.ar-auth-cc div#login form .input, body.login.ar-login.ar-auth-cc div#login form input[type="text"], body.login.ar-login.ar-auth-cc div#login form input[type="password"], body.login.ar-login.ar-auth-cc div#login form input[type="email"] { height: 48px; font-size: 16px !important; }
    body.ar-register.ar-auth-cc .elementor-widget-uael-registration-form > .elementor-widget-container { padding: 24px 20px; border-radius: 24px; }
    body.ar-register.ar-auth-cc .uael-registration-form .elementor-field-textual { height: 48px; font-size: 16px !important; }
    body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form.woocommerce-form-login, body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form.woocommerce-ResetPassword, body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form.lost_reset_password { padding: 24px 20px; border-radius: 24px; }
    body.ar-account.ar-auth-cc.ar-auth-cc .woocommerce form input.input-text { min-height: 48px !important; font-size: 16px !important; }
}