.elementor-9 .elementor-element.elementor-element-86ff4ed{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-eb29866 *//* ==========================================================================
   KOMAT — Mon compte (WooCommerce) — habillage visuel
   Fichier à uploader dans le thème enfant : /css/komat-account.css
   Chargé par komat-account-functions.php (wp_enqueue_style), cache-busting
   automatique sur filemtime().

   IMPORTANT : contrairement au header/à l'aide/au blog, cette page N'EST
   PAS reconstruite par un shortcode. C'est la page "Mon compte" WooCommerce
   normale (mêmes URLs, mêmes formulaires, même sécurité) — seul son
   habillage change, en ciblant les classes que WooCommerce génère déjà
   (.woocommerce-MyAccount-navigation, .woocommerce-orders-table, etc.).
   ========================================================================== */

.woocommerce-account{--g1:#1a3a2a;--g2:#2d5a3d;--g3:#4a8c5c;--cream:#f7f4ef;--red:#cc1316;--ink:#1f2a24;--mut:#6b756e;--line:#e3ded4;--card:#ffffff;--ok-bg:#e7f3ea;--ok-ink:#1e7a3d;--wait-bg:#fdf1de;--wait-ink:#b4720a}
.woocommerce-account{background:var(--cream) !important}
.woocommerce-account .entry-content,.woocommerce-account .woocommerce{max-width:1180px !important;margin:0 auto !important;padding:36px 20px 80px !important}
/* Grid explicite avec placement forcé de chaque bloc : le thème/WooCommerce
   ajoute parfois un 3e élément (notre bloc identité, injecté juste avant le
   <nav>) et d'anciens styles float/width en % — sans ces règles, ce 3e
   élément décale toute la mise en page et les % d'origine réduisent le menu
   à une colonne minuscule (texte coupé). On fixe donc explicitement la
   position de chaque bloc dans la grille et on neutralise float/width. */
/* La grille 2 colonnes (menu + contenu) ne doit s'appliquer qu'au cas
   "connecté". On utilise la classe "logged-in" que WordPress ajoute déjà
   au <body> pour tout utilisateur connecté (fiable partout, contrairement
   à :has() qu'Autoptimize peut supprimer en minifiant le CSS) plutôt que
   de cibler la présence du menu directement. */
body.logged-in.woocommerce-account .woocommerce{display:grid !important;grid-template-columns:260px 1fr !important;column-gap:32px !important;row-gap:16px !important;align-items:start !important}

/* ============ CONNEXION / INSCRIPTION (client non connecté) ============ */
/* Flexbox plutôt que grid ici : plus tolérant si d'anciens styles float du
   thème restent actifs sur .col-1/.col-2. */
body:not(.logged-in) .woocommerce-account .woocommerce #customer_login{display:flex !important;flex-wrap:wrap !important;gap:24px !important;max-width:820px !important;margin:0 !important;padding:0 !important;list-style:none !important}
.woocommerce-account .woocommerce #customer_login .col-1,
.woocommerce-account .woocommerce #customer_login .col-2{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:16px !important;padding:26px !important;flex:1 1 320px !important;width:auto !important;max-width:none !important;float:none !important;margin:0 !important;clear:none !important}
.woocommerce-account .woocommerce #customer_login h2{font:700 19px 'Playfair Display',Georgia,serif !important;color:var(--g1) !important;margin:0 0 18px !important}
.woocommerce-account .woocommerce #customer_login .form-row{margin:0 0 16px !important}
.woocommerce-account .woocommerce #customer_login label{display:block !important;font:600 12.5px 'DM Sans' !important;color:var(--mut) !important;margin-bottom:6px !important}
.woocommerce-account .woocommerce #customer_login input.input-text,
.woocommerce-account .woocommerce #customer_login input[type="password"],
.woocommerce-account .woocommerce #customer_login input[type="email"]{width:100% !important;border:1px solid var(--line) !important;border-radius:9px !important;height:44px !important;padding:0 14px !important;font:14px 'DM Sans' !important;color:var(--ink) !important;background:#fff !important}
.woocommerce-account .woocommerce #customer_login .woocommerce-form-login__rememberme{display:flex !important;align-items:center !important;gap:8px !important;font-size:13px !important;color:var(--ink) !important;margin:4px 0 16px !important}
.woocommerce-account .woocommerce #customer_login .button{width:auto !important;background:var(--g1) !important;color:#fff !important;border:0 !important;padding:12px 24px !important;border-radius:9px !important;font:700 13.5px 'DM Sans' !important}
.woocommerce-account .woocommerce #customer_login .woocommerce-LostPassword{margin:14px 0 0 !important;font-size:13px !important}
.woocommerce-account .woocommerce #customer_login .woocommerce-privacy-policy-text{font-size:12.5px !important;color:var(--mut) !important;line-height:1.6 !important;margin:0 0 16px !important}
@media (max-width:700px){.woocommerce-account .woocommerce #customer_login .col-1,.woocommerce-account .woocommerce #customer_login .col-2{flex-basis:100% !important}}

/* ============ SIDEBAR : bloc identité (ajouté en PHP juste avant le menu) ============ */
.komat-acc-who{grid-column:1 !important;grid-row:1 !important;display:flex !important;align-items:center !important;gap:12px !important;background:var(--card) !important;border:1px solid var(--line) !important;border-radius:18px !important;padding:18px 20px !important;width:100% !important;float:none !important}
.komat-acc-who .av{width:46px !important;height:46px !important;border-radius:50% !important;background:linear-gradient(135deg,var(--g1),var(--g3)) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;font:700 16px 'DM Sans' !important;flex:none !important}
.komat-acc-who b{display:block !important;font-size:14.5px !important;color:var(--ink) !important}
.komat-acc-who span{display:block !important;font-size:12px !important;color:var(--mut) !important;margin-top:2px !important}

/* ============ SIDEBAR (menu "Mon compte") ============ */
.woocommerce-account .woocommerce-MyAccount-navigation{grid-column:1 !important;grid-row:2 !important;width:100% !important;float:none !important;background:var(--card) !important;border:1px solid var(--line) !important;border-radius:18px !important;padding:14px !important}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none !important;margin:0 !important;padding:0 !important;display:flex !important;flex-direction:column !important;gap:2px !important}
.woocommerce-account .woocommerce-MyAccount-navigation-link a{display:flex !important;align-items:center !important;gap:12px !important;width:100% !important;padding:11px 12px !important;border-radius:10px !important;font:600 14px 'DM Sans',sans-serif !important;color:var(--ink) !important;text-decoration:none !important}
.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover{background:var(--cream) !important}
.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a{background:var(--g1) !important;color:#fff !important}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{margin-top:10px !important;padding-top:10px !important;border-top:1px solid var(--line) !important}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--red) !important}

/* icônes de menu (mask CSS, suivent la couleur du texte) */
.woocommerce-account .woocommerce-MyAccount-navigation-link a::before{content:"" !important;width:19px !important;height:19px !important;flex:none !important;background-color:currentColor !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-size:contain !important;mask-size:contain !important;-webkit-mask-position:center !important;mask-position:center !important}
.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E") !important}
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16l-1.4 12.2a2 2 0 0 1-2 1.8H7.4a2 2 0 0 1-2-1.8L4 7z'/%3E%3Cpath d='M8 7V5a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16l-1.4 12.2a2 2 0 0 1-2 1.8H7.4a2 2 0 0 1-2-1.8L4 7z'/%3E%3Cpath d='M8 7V5a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E") !important}
.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M4 19h16'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M4 19h16'/%3E%3C/svg%3E") !important}
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.1 7-11.5A7 7 0 0 0 5 9.5C5 14.9 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.4'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.1 7-11.5A7 7 0 0 0 5 9.5C5 14.9 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.4'/%3E%3C/svg%3E") !important}
.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") !important}
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M19.4 13.6a1.7 1.7 0 0 0 .34 1.87 2 2 0 1 1-2.83 2.83 1.7 1.7 0 0 0-1.87-.34 1.7 1.7 0 0 0-1 1.55V19.7a2 2 0 1 1-4 0v-.09a1.7 1.7 0 0 0-1.1-1.55 1.7 1.7 0 0 0-1.87.34 2 2 0 1 1-2.83-2.83 1.7 1.7 0 0 0 .34-1.87 1.7 1.7 0 0 0-1.55-1H3.3a2 2 0 1 1 0-4h.09a1.7 1.7 0 0 0 1.55-1.1 1.7 1.7 0 0 0-.34-1.87 2 2 0 1 1 2.83-2.83 1.7 1.7 0 0 0 1.87.34H9.4a1.7 1.7 0 0 0 1-1.55V3.3a2 2 0 1 1 4 0v.09a1.7 1.7 0 0 0 1 1.55 1.7 1.7 0 0 0 1.87-.34 2 2 0 1 1 2.83 2.83 1.7 1.7 0 0 0-.34 1.87V9.4a1.7 1.7 0 0 0 1.55 1h.09a2 2 0 1 1 0 4h-.09a1.7 1.7 0 0 0-1.55 1z'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M19.4 13.6a1.7 1.7 0 0 0 .34 1.87 2 2 0 1 1-2.83 2.83 1.7 1.7 0 0 0-1.87-.34 1.7 1.7 0 0 0-1 1.55V19.7a2 2 0 1 1-4 0v-.09a1.7 1.7 0 0 0-1.1-1.55 1.7 1.7 0 0 0-1.87.34 2 2 0 1 1-2.83-2.83 1.7 1.7 0 0 0 .34-1.87 1.7 1.7 0 0 0-1.55-1H3.3a2 2 0 1 1 0-4h.09a1.7 1.7 0 0 0 1.55-1.1 1.7 1.7 0 0 0-.34-1.87 2 2 0 1 1 2.83-2.83 1.7 1.7 0 0 0 1.87.34H9.4a1.7 1.7 0 0 0 1-1.55V3.3a2 2 0 1 1 4 0v.09a1.7 1.7 0 0 0 1 1.55 1.7 1.7 0 0 0 1.87-.34 2 2 0 1 1 2.83 2.83 1.7 1.7 0 0 0-.34 1.87V9.4a1.7 1.7 0 0 0 1.55 1h.09a2 2 0 1 1 0 4h-.09a1.7 1.7 0 0 0-1.55 1z'/%3E%3C/svg%3E") !important}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E") !important}

/* ============ CONTENU GÉNÉRAL ============ */
.woocommerce-account .woocommerce-MyAccount-content{grid-column:2 !important;grid-row:1/3 !important;width:100% !important;float:none !important;min-width:0 !important;font-family:'DM Sans',sans-serif !important;color:var(--ink) !important}
.woocommerce-account .woocommerce-MyAccount-content > p{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:16px !important;padding:20px 22px !important;font-size:14px !important;line-height:1.6 !important;margin:0 0 16px !important}
.woocommerce-account .woocommerce-MyAccount-content a{color:var(--g2) !important;font-weight:600 !important}
.woocommerce-account .woocommerce-MyAccount-content mark{background:none !important;color:inherit !important}

/* ============ TABLEAU DE BORD : bandeau KOMAT + stats ============ */
.komat-acc-hero{background:linear-gradient(135deg,var(--g1),var(--g2)) !important;color:#fff !important;border-radius:18px !important;padding:30px 28px !important;display:flex !important;justify-content:space-between !important;align-items:center !important;gap:20px !important;margin-bottom:22px !important;flex-wrap:wrap !important}
.komat-acc-hero h2{font:700 21px 'Playfair Display',Georgia,serif !important;margin:0 0 6px !important;color:#fff !important}
.komat-acc-hero p{margin:0 !important;color:#cfe0d4 !important;font-size:14px !important;max-width:420px !important}
.komat-acc-hero a.button{background:#fff !important;color:var(--g1) !important;border:0 !important;padding:11px 20px !important;border-radius:9px !important;font:700 13.5px 'DM Sans' !important;text-decoration:none !important;white-space:nowrap !important}

.komat-acc-stats{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:16px !important;margin-bottom:22px !important}
.komat-acc-stats .stat{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:14px !important;padding:18px 20px !important}
.komat-acc-stats .stat .n{font:800 26px 'Playfair Display',Georgia,serif !important;color:var(--g1) !important;display:block !important}
.komat-acc-stats .stat .l{font-size:12.5px !important;color:var(--mut) !important;margin-top:2px !important}

/* ============ COMMANDES ============ */
.woocommerce-account table.woocommerce-orders-table{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:16px !important;border-collapse:separate !important;border-spacing:0 !important;overflow:hidden !important;width:100% !important}
.woocommerce-account table.woocommerce-orders-table thead{display:none !important}
.woocommerce-account table.woocommerce-orders-table tr{border-bottom:1px solid var(--line) !important}
.woocommerce-account table.woocommerce-orders-table tr:last-child{border-bottom:0 !important}
.woocommerce-account table.woocommerce-orders-table td{padding:16px 18px !important;border:0 !important;font-size:14px !important}
.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a{font-weight:700 !important;color:var(--ink) !important}
.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-date{color:var(--mut) !important}
.woocommerce-account table.woocommerce-orders-table td .button{background:#fff !important;border:1px solid var(--line) !important;color:var(--g2) !important;font:700 12.5px 'DM Sans' !important;padding:8px 14px !important;border-radius:8px !important}
.woocommerce-account table.woocommerce-orders-table mark{display:inline-flex !important;align-items:center !important;gap:6px !important;font:700 11.5px 'DM Sans' !important;padding:5px 12px !important;border-radius:99px !important;background:var(--wait-bg) !important;color:var(--wait-ink) !important}
.woocommerce-account table.woocommerce-orders-table mark.status-completed{background:var(--ok-bg) !important;color:var(--ok-ink) !important}
.woocommerce-account table.woocommerce-orders-table mark.status-cancelled,
.woocommerce-account table.woocommerce-orders-table mark.status-failed,
.woocommerce-account table.woocommerce-orders-table mark.status-refunded{background:#fbe7e7 !important;color:var(--red) !important}

/* ============ ADRESSES ============ */
.woocommerce-account .woocommerce-Addresses{display:grid !important;grid-template-columns:1fr 1fr !important;gap:18px !important}
.woocommerce-account .woocommerce-Address{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:16px !important;padding:22px !important}
.woocommerce-account .woocommerce-Address-title{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:10px !important}
.woocommerce-account .woocommerce-Address-title h2,.woocommerce-account .woocommerce-Address-title h3{font:700 15px 'DM Sans' !important;margin:0 !important;color:var(--ink) !important}
.woocommerce-account .woocommerce-Address-title a{font:700 12.5px 'DM Sans' !important;color:var(--g2) !important;border:1px solid var(--line) !important;padding:8px 14px !important;border-radius:8px !important;text-decoration:none !important}
.woocommerce-account .woocommerce-Address address{font-style:normal !important;font-size:14px !important;line-height:1.7 !important;color:var(--ink) !important}
@media (max-width:700px){.woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr !important}}

/* ============ FORMULAIRES (adresse, compte) ============ */
.woocommerce-account form .form-row{margin:0 0 16px !important}
.woocommerce-account form label{display:block !important;font:600 12.5px 'DM Sans' !important;color:var(--mut) !important;margin-bottom:6px !important}
.woocommerce-account form .woocommerce-input-wrapper input,
.woocommerce-account form input.input-text,
.woocommerce-account form select,
.woocommerce-account form textarea{border:1px solid var(--line) !important;border-radius:9px !important;height:44px !important;padding:0 14px !important;font:14px 'DM Sans' !important;color:var(--ink) !important;background:#fff !important;width:100% !important}
.woocommerce-account form textarea{height:auto !important;padding:12px 14px !important}
.woocommerce-account form fieldset{border:1px solid var(--line) !important;border-radius:14px !important;padding:18px !important;margin:0 0 18px !important}
.woocommerce-account form fieldset legend{font:700 13px 'DM Sans' !important;color:var(--g1) !important;padding:0 8px !important}
.woocommerce-account form .button,.woocommerce-account form button[type="submit"]{background:var(--g1) !important;color:#fff !important;border:0 !important;padding:12px 24px !important;border-radius:9px !important;font:700 13.5px 'DM Sans' !important;cursor:pointer !important}
.woocommerce-account .woocommerce-EditAccountForm,.woocommerce-account .woocommerce-address-fields,.woocommerce-account .woocommerce-Address form{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:16px !important;padding:24px !important}/* End custom CSS */