/* ==========================================================================
   ABS Site - Compte client (pages « Mon compte », connexion, mot de passe)
   Feuille commune à toutes les pages du compte. Couleurs et polices : variables
   du kit Elementor (--e-global-color-*, --e-global-typography-*).
   ========================================================================== */

/* --- 1. Cadre : menu à gauche, contenu à droite --------------------------- */
body.woocommerce-account .elementor .woolentor_myaccount_page{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start}
body.woocommerce-account .elementor .woolentor_myaccount_page::before,
body.woocommerce-account .elementor .woolentor_myaccount_page::after{display:none}
body.woocommerce-account .elementor .woolentor_myaccount_page .woolentor-user-area{grid-column:1/-1}
body.woocommerce-account .elementor .woolentor_myaccount_page .woocommerce-MyAccount-navigation,
body.woocommerce-account .elementor .woolentor_myaccount_page .woocommerce-MyAccount-content{float:none;width:auto;max-width:none;margin:0}

/* --- 2. Menu du compte ----------------------------------------------------- */
body.woocommerce-account .elementor .woocommerce-MyAccount-navigation{padding:12px;border:1px solid var(--e-global-color-bp_border);border-radius:12px;background-color:var(--e-global-color-bp_bg)}
body.woocommerce-account .elementor .woocommerce-MyAccount-navigation ul{margin:0;padding:0;border:0;list-style:none}
body.woocommerce-account .elementor .woocommerce-MyAccount-navigation ul li{margin:0 0 4px;padding:0;border:0;background:none}
body.woocommerce-account .elementor .woocommerce-MyAccount-navigation ul li:last-child{margin-bottom:0}
body.woocommerce-account .elementor .woocommerce-MyAccount-navigation ul li a{display:block;padding:12px 16px;border:0;border-radius:8px;background:none;color:var(--e-global-color-text);font-family:var(--e-global-typography-bp_button-font-family),sans-serif;font-size:16px;font-weight:500;line-height:1.3;text-decoration:none;transition:background-color .2s ease,color .2s ease}
body.woocommerce-account .elementor .woocommerce-MyAccount-navigation ul li a:hover{background-color:var(--e-global-color-bp_surface2);color:var(--e-global-color-primary)}
body.woocommerce-account .elementor .woocommerce-MyAccount-navigation ul li.is-active a{background-color:var(--e-global-color-primary);color:var(--e-global-color-bp_surface)}

/* --- 3. Contenu : textes et titres ----------------------------------------- */
body.woocommerce-account .elementor .woocommerce-MyAccount-content{color:var(--e-global-color-text)}
body.woocommerce-account .elementor .woocommerce-MyAccount-content h2,
body.woocommerce-account .elementor .woocommerce-MyAccount-content h3,
body.woocommerce-account .elementor .woocommerce-MyAccount-content legend,
body.woocommerce-account .elementor .woolentor-form-title{margin:0 0 20px;padding:0;border:0;color:var(--e-global-color-text);font-family:var(--e-global-typography-bp_h3-font-family),serif;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:0}
body.woocommerce-account .elementor .woocommerce-MyAccount-content a{color:var(--e-global-color-primary)}
body.woocommerce-account .elementor .woocommerce-MyAccount-content mark{background:none;color:inherit;font-weight:600}

/* --- 4. Formulaires (détails du compte, adresses, connexion, mot de passe) - */
body.woocommerce-account .elementor form .form-row{margin:0 0 16px;padding:0 3px}
body.woocommerce-account .elementor form .form-row label{display:block;margin:0 0 6px;color:var(--e-global-color-text);font-family:var(--e-global-typography-bp_eyebrow-font-family),monospace;font-size:11px;font-weight:500;line-height:1.6;letter-spacing:.18em;text-transform:uppercase}
body.woocommerce-account .elementor form .form-row label .required{color:var(--e-global-color-accent);text-decoration:none}
body.woocommerce-account .elementor form .form-row .input-text,
body.woocommerce-account .elementor form .form-row select,
body.woocommerce-account .elementor form .form-row textarea{width:100%;height:auto;min-height:46px;padding:10px 16px;border:1px solid var(--e-global-color-bp_border);border-radius:12px;background-color:var(--e-global-color-bp_surface);color:var(--e-global-color-text);font-family:var(--e-global-typography-text-font-family),sans-serif;font-size:16px;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:border-color .2s ease,box-shadow .2s ease}
body.woocommerce-account .elementor form .form-row .input-text:focus,
body.woocommerce-account .elementor form .form-row select:focus,
body.woocommerce-account .elementor form .form-row textarea:focus{border-color:var(--e-global-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--e-global-color-primary) 15%,transparent);outline:0}
body.woocommerce-account .elementor form .form-row em,
body.woocommerce-account .elementor form .form-row .description{display:block;margin-top:6px;color:var(--e-global-color-bp_muted);font-size:14px;font-style:normal}
body.woocommerce-account .elementor form fieldset{margin:28px 0 0;padding:0;border:0}
/* Case « Rester connecté » : libellé en texte courant */
body.woocommerce-account .elementor form .form-row label.woocommerce-form__label-for-checkbox{display:inline-flex;align-items:center;gap:8px;margin:0 0 0 16px;font-family:var(--e-global-typography-text-font-family),sans-serif;font-size:15px;font-weight:400;letter-spacing:0;text-transform:none}
body.woocommerce-account .elementor form .lost_password{margin:8px 3px 0}
body.woocommerce-account .elementor form .lost_password a{color:var(--e-global-color-primary)}

/* --- 5. Boutons : pilule Noyer ---------------------------------------------- */
body.woocommerce-account .elementor .woocommerce-MyAccount-content .button,
body.woocommerce-account .elementor form .button{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:0;border-radius:999px;background-color:var(--e-global-color-primary);color:var(--e-global-color-bp_surface);font-family:var(--e-global-typography-bp_button-font-family),sans-serif;font-size:16px;font-weight:500;line-height:1.2;letter-spacing:.005em;text-decoration:none;text-transform:none;transition:background-color .2s ease,transform .2s ease}
body.woocommerce-account .elementor .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .elementor form .button:hover{background-color:var(--e-global-color-bp_primary_hover);color:var(--e-global-color-bp_surface);transform:translateY(-1px)}

/* --- 6. Tableaux (liste des demandes, détail d'un devis) -------------------- */
body.woocommerce-account .elementor .woocommerce-MyAccount-content table.shop_table{width:100%;margin:0 0 28px;border:1px solid var(--e-global-color-bp_border);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden;background-color:var(--e-global-color-bp_surface)}
body.woocommerce-account .elementor .woocommerce-MyAccount-content table.shop_table th,
body.woocommerce-account .elementor .woocommerce-MyAccount-content table.shop_table td{padding:14px 18px;border:0;border-top:1px solid var(--e-global-color-bp_border);background:none;color:var(--e-global-color-text);font-size:16px;text-align:left;vertical-align:middle}
body.woocommerce-account .elementor .woocommerce-MyAccount-content table.shop_table thead th{border-top:0;background-color:var(--e-global-color-bp_bg);font-family:var(--e-global-typography-bp_eyebrow-font-family),monospace;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
body.woocommerce-account .elementor .woocommerce-MyAccount-content table.shop_table tbody tr:first-child th,
body.woocommerce-account .elementor .woocommerce-MyAccount-content table.shop_table tbody tr:first-child td{border-top:0}
body.woocommerce-account .elementor .woocommerce-MyAccount-content table.shop_table thead + tbody tr:first-child th,
body.woocommerce-account .elementor .woocommerce-MyAccount-content table.shop_table thead + tbody tr:first-child td{border-top:1px solid var(--e-global-color-bp_border)}
body.woocommerce-account .elementor .woocommerce-MyAccount-content table.shop_table .button{padding:9px 20px;font-size:15px}
body.woocommerce-account .elementor .woocommerce-MyAccount-content table.shop_table tfoot th{font-weight:500}

/* --- 7. Adresses ------------------------------------------------------------- */
body.woocommerce-account .elementor .woocommerce-MyAccount-content .woocommerce-Addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0 0}
body.woocommerce-account .elementor .woocommerce-MyAccount-content .woocommerce-Addresses::before,
body.woocommerce-account .elementor .woocommerce-MyAccount-content .woocommerce-Addresses::after{display:none}
body.woocommerce-account .elementor .woocommerce-MyAccount-content .woocommerce-Address,
body.woocommerce-account .elementor .woocommerce-MyAccount-content .woocommerce-customer-details address{float:none;width:auto;margin:0;padding:24px;border:1px solid var(--e-global-color-bp_border);border-radius:12px;background-color:var(--e-global-color-bp_bg);font-style:normal;line-height:1.6}
body.woocommerce-account .elementor .woocommerce-MyAccount-content .woocommerce-Address header.woocommerce-Address-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px;padding:0;border:0;background:none}
body.woocommerce-account .elementor .woocommerce-MyAccount-content .woocommerce-Address address{margin:0;padding:0;border:0;background:none;font-style:normal;line-height:1.6}
body.woocommerce-account .elementor .woocommerce-MyAccount-content .woocommerce-Address-title h2,
body.woocommerce-account .elementor .woocommerce-MyAccount-content .woocommerce-Address-title h3{margin:0 0 12px;font-size:20px}

/* --- 8. Messages WooCommerce -------------------------------------------------- */
body.woocommerce-account .elementor .woocommerce-message,
body.woocommerce-account .elementor .woocommerce-info,
body.woocommerce-account .elementor .woocommerce-error{margin:0 0 24px;padding:16px 20px;border:1px solid var(--e-global-color-bp_border);border-left:3px solid var(--e-global-color-primary);border-radius:12px;background-color:var(--e-global-color-bp_bg);color:var(--e-global-color-text);list-style:none}
body.woocommerce-account .elementor .woocommerce-error{border-left-color:var(--e-global-color-accent)}
body.woocommerce-account .elementor .woocommerce-message::before,
body.woocommerce-account .elementor .woocommerce-info::before,
body.woocommerce-account .elementor .woocommerce-error::before{display:none}

/* --- 9. Connexion et mot de passe : colonne étroite ---------------------------- */
body.woocommerce-account .elementor .woolentor-myaccount-form-login,
body.woocommerce-account .elementor .woolentor-myaccount-form-lostpassword,
body.woocommerce-account .elementor .woolentor-myaccount-form-resetpassword,
body.woocommerce-account .elementor .elementor-widget-wl-myaccount-resetpassword-form .elementor-widget-container{max-width:480px;margin-left:0;margin-right:auto;padding:32px;border:1px solid var(--e-global-color-bp_border);border-radius:12px;background-color:var(--e-global-color-bp_bg)}
body.woocommerce-account .elementor .woolentor-myaccount-form-login form,
body.woocommerce-account .elementor .woolentor-myaccount-form-lostpassword form{margin:0;padding:0;border:0}
/* Phrase d'introduction sous le titre, alignée à gauche (pages de connexion et de mot de passe) */
body.woocommerce-account:not(.logged-in) .elementor .elementor-widget-text-editor{max-width:640px}

/* --- 10. Mobile ------------------------------------------------------------------ */
@media (max-width:767px){
body.woocommerce-account .elementor .woolentor_myaccount_page{grid-template-columns:minmax(0,1fr);gap:24px}
body.woocommerce-account .elementor .woocommerce-MyAccount-content .woocommerce-Addresses{grid-template-columns:minmax(0,1fr)}
body.woocommerce-account .elementor .woolentor-myaccount-form-login,
body.woocommerce-account .elementor .woolentor-myaccount-form-lostpassword,
body.woocommerce-account .elementor .woolentor-myaccount-form-resetpassword{padding:24px}
body.woocommerce-account .elementor .woocommerce-MyAccount-content .button,
body.woocommerce-account .elementor form .button{width:100%}
body.woocommerce-account .elementor form .form-row label.woocommerce-form__label-for-checkbox{margin:12px 0 0}
}