/* ============ Marignan Boutique — Mon compte ============ */
.woocommerce-account .woocommerce{--mbo-noir:#000;--mbo-encre:#16130f;--mbo-or:#b8975a;--mbo-or-clair:#d9c49a;--mbo-pierre:#8c8577;--mbo-trait:#ddd6c9;--mbo-texte:#4a443b;--mbo-sable:#f1ede6}
.woocommerce-account .woocommerce{font-family:"Jost","Helvetica Neue",Arial,sans-serif;font-weight:300;color:var(--mbo-encre);line-height:1.6}
.woocommerce-account .woocommerce *{box-sizing:border-box}
.woocommerce-account .woocommerce a{color:var(--mbo-encre)}
.woocommerce-account .woocommerce a:focus-visible,.woocommerce-account .woocommerce button:focus-visible,.woocommerce-account .woocommerce input:focus-visible,.woocommerce-account .woocommerce select:focus-visible{outline:2px solid var(--mbo-or);outline-offset:2px}

/* Le titre « Mon compte » du thème est remplacé par « Bonjour … » quand le client est connecté. */
body.woocommerce-account.logged-in .entry-title,
body.woocommerce-account.logged-in .page-title,
body.woocommerce-account.logged-in h1.elementor-heading-title.mbo-masquer{display:none}

/* ---------- Structure ---------- */
.mbo-compte{max-width:1180px;margin:0 auto;padding:clamp(24px,4vw,48px) 0 clamp(56px,8vw,96px)}
.mbo-compte .mbo-compte-tete{border-bottom:1px solid var(--mbo-trait);padding-bottom:22px;margin-bottom:clamp(24px,4vw,40px)}
.mbo-compte .mbo-compte-sur{margin:0 0 6px;font-size:14px;letter-spacing:.03em;color:var(--mbo-or)}
.mbo-compte .mbo-compte-titre{font-family:"Bodoni Moda","Didot",Georgia,serif;font-weight:400;font-size:clamp(34px,4.4vw,54px);line-height:1.08;letter-spacing:-.01em;margin:0;color:var(--mbo-encre)}
.mbo-compte .mbo-compte-grille{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.mbo-compte .woocommerce-MyAccount-navigation,.mbo-compte .woocommerce-MyAccount-content{float:none!important;width:auto!important;margin:0}

/* ---------- Navigation ---------- */
.mbo-compte .mbo-compte-nav ul{list-style:none;margin:0;padding:0}
.mbo-compte .mbo-compte-nav li{margin:0;padding:0;list-style:none}
.mbo-compte .mbo-compte-nav a{display:flex;align-items:center;gap:12px;padding:12px 0 12px 16px;border-left:1px solid var(--mbo-trait);color:var(--mbo-texte);text-decoration:none;font-size:15.5px;transition:color .2s,border-color .2s}
.mbo-compte .mbo-compte-nav a:hover{color:var(--mbo-encre);border-left-color:var(--mbo-encre)}
.mbo-compte .mbo-compte-nav li.is-active a{color:var(--mbo-encre);font-weight:400;border-left:2px solid var(--mbo-or);padding-left:15px}
.mbo-compte .mbo-compte-nav li.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:18px}
.mbo-compte .mbo-compte-nav li.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--mbo-pierre)}
.mbo-compte .mbo-icone{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mbo-compte .is-active .mbo-icone{stroke:var(--mbo-or)}

/* ---------- Tableau de bord ---------- */
.mbo-compte .mbo-derniere{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--mbo-noir);color:#e9e4da;padding:clamp(20px,3vw,30px);margin-bottom:16px}
.mbo-compte .mbo-derniere p{margin:0}
.mbo-compte .mbo-derniere-sur{font-size:13.5px;color:var(--mbo-or);margin-bottom:6px!important}
.mbo-compte .mbo-derniere-titre{font-family:"Bodoni Moda",Georgia,serif;font-weight:400;font-size:clamp(21px,2.2vw,27px);line-height:1.2;color:#fff;margin-bottom:6px!important}
.mbo-compte .mbo-derniere-meta{font-size:14.5px;color:#bdb6a8}
.mbo-compte .mbo-derniere-meta .amount{color:inherit}
.mbo-compte .mbo-btn-ligne-or{display:inline-block;padding:13px 22px;border:1px solid var(--mbo-or);color:var(--mbo-or)!important;text-decoration:none;font-size:14.5px;letter-spacing:.03em;white-space:nowrap;transition:background .25s,color .25s}
.mbo-compte .mbo-btn-ligne-or:hover{background:var(--mbo-or);color:#000!important}
.mbo-compte .mbo-tuiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:clamp(28px,4vw,44px)}
.mbo-compte .mbo-tuile{display:flex;flex-direction:column;gap:4px;padding:20px;background:#fff;border:1px solid var(--mbo-trait);text-decoration:none;transition:border-color .2s}
.mbo-compte .mbo-tuile:hover{border-color:var(--mbo-encre)}
.mbo-compte .mbo-tuile .mbo-icone{stroke:var(--mbo-or);width:24px;height:24px;margin-bottom:8px}
.mbo-compte .mbo-tuile-titre{font-family:"Bodoni Moda",Georgia,serif;font-size:19px;color:var(--mbo-encre)}
.mbo-compte .mbo-tuile-texte{font-size:14px;color:var(--mbo-texte)}
.mbo-compte .mbo-compte-h3,.mbo-compte .woocommerce-MyAccount-content h2,.mbo-compte .woocommerce-MyAccount-content h3,.mbo-compte .woocommerce-MyAccount-content legend{font-family:"Bodoni Moda",Georgia,serif;font-weight:400;font-size:clamp(21px,2.2vw,26px);color:var(--mbo-encre);margin:0 0 12px;padding:0;border:0}
.mbo-compte .mbo-tableau-wrap{overflow-x:auto;margin-bottom:clamp(28px,4vw,44px)}
.mbo-compte table.mbo-recentes{width:100%;border-collapse:collapse;border:0;margin:0}
.mbo-compte table.mbo-recentes td{padding:14px 12px 14px 0;border:0;border-bottom:1px solid var(--mbo-trait);font-size:15px;background:none;white-space:nowrap}
.mbo-compte table.mbo-recentes .mbo-num{color:var(--mbo-pierre)}
.mbo-compte table.mbo-recentes .mbo-droite{text-align:right;padding-right:0}
.mbo-compte table.mbo-recentes a{text-decoration:underline;text-underline-offset:3px}
.mbo-compte .mbo-statut{display:inline-block;font-size:13px;padding:3px 10px;background:var(--mbo-sable);color:var(--mbo-texte)}
.mbo-compte .mbo-statut--processing,.mbo-compte .mbo-statut--on-hold{background:#f6efe1;color:#7a5f2c}
.mbo-compte .mbo-statut--cancelled,.mbo-compte .mbo-statut--failed,.mbo-compte .mbo-statut--refunded{background:#f6e6e3;color:#8a3a2c}
.mbo-compte .mbo-aide{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--mbo-trait);padding-top:22px}
.mbo-compte .mbo-aide p{margin:0}
.mbo-compte .mbo-aide-titre{font-family:"Bodoni Moda",Georgia,serif;font-size:20px;color:var(--mbo-encre);margin-bottom:2px!important}
.mbo-compte .mbo-aide-texte{font-size:14.5px;color:var(--mbo-texte)}
.mbo-compte .mbo-btn-plein{display:inline-block;padding:13px 22px;background:var(--mbo-encre);color:#fff!important;text-decoration:none;font-size:14.5px;letter-spacing:.03em;border:1px solid var(--mbo-encre);transition:background .25s,color .25s}
.mbo-compte .mbo-btn-plein:hover{background:var(--mbo-or);border-color:var(--mbo-or);color:#000!important}

/* ---------- Sous-pages : tableaux (commandes, détail de commande) ---------- */
.mbo-compte .woocommerce-MyAccount-content table.shop_table{width:100%;border:0;border-collapse:collapse;border-radius:0;margin:0 0 32px}
.mbo-compte .woocommerce-MyAccount-content table.shop_table th{font-weight:400;font-size:13.5px;color:var(--mbo-pierre);text-align:left;padding:10px 12px 10px 0;border:0;border-bottom:1px solid var(--mbo-encre);background:none}
.mbo-compte .woocommerce-MyAccount-content table.shop_table td{padding:14px 12px 14px 0;border:0;border-bottom:1px solid var(--mbo-trait);font-size:15px;background:none}
.mbo-compte .woocommerce-MyAccount-content table.shop_table tfoot th,.mbo-compte .woocommerce-MyAccount-content table.shop_table tfoot td{border-bottom:1px solid var(--mbo-trait);color:var(--mbo-encre)}
.mbo-compte .woocommerce-orders-table__cell-order-actions .button{padding:8px 14px!important;font-size:13.5px!important;margin:0 6px 0 0}
.mbo-compte .woocommerce-MyAccount-content mark{background:none;color:var(--mbo-encre);font-weight:400}

/* ---------- Sous-pages : adresses ---------- */
.mbo-compte .woocommerce-Addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 0}
.mbo-compte .woocommerce-Addresses::before,.mbo-compte .woocommerce-Addresses::after{display:none}
.mbo-compte .woocommerce-Addresses .woocommerce-Address{float:none!important;width:auto!important;margin:0;padding:22px;background:#fff;border:1px solid var(--mbo-trait)}
.mbo-compte .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.mbo-compte .woocommerce-Address-title h2,.mbo-compte .woocommerce-Address-title h3{font-size:20px!important;margin:0!important}
.mbo-compte .woocommerce-Address-title a.edit{font-size:13.5px;color:var(--mbo-or);text-decoration:none;float:none}
.mbo-compte .woocommerce-Address address,.mbo-compte .woocommerce-customer-details address{font-style:normal;font-size:15px;line-height:1.7;color:var(--mbo-texte);border:0;padding:0}

/* ---------- Formulaires ---------- */
.mbo-compte .woocommerce-MyAccount-content .form-row,.woocommerce-account .woocommerce form .form-row{padding:0;margin:0 0 16px}
.mbo-compte .woocommerce-MyAccount-content label,.woocommerce-account .woocommerce form label{display:block;font-size:14px;font-weight:400;color:var(--mbo-encre);margin-bottom:6px}
.woocommerce-account .woocommerce form .input-text,.woocommerce-account .woocommerce form select,.woocommerce-account .woocommerce form textarea,.woocommerce-account .woocommerce .select2-container .select2-selection--single{width:100%;min-height:48px;padding:10px 14px;background:#fff;border:1px solid var(--mbo-trait);border-radius:0;font-family:inherit;font-size:15.5px;color:var(--mbo-encre);box-shadow:none}
.woocommerce-account .woocommerce .select2-container .select2-selection--single .select2-selection__rendered{line-height:26px;padding:0}
.woocommerce-account .woocommerce .select2-container .select2-selection--single .select2-selection__arrow{height:46px}
.woocommerce-account .woocommerce form .input-text:focus,.woocommerce-account .woocommerce form select:focus{border-color:var(--mbo-encre)}
.mbo-compte .woocommerce-MyAccount-content fieldset{border:0;padding:0;margin:28px 0 8px}
.mbo-compte .woocommerce-MyAccount-content em{font-size:13px;color:var(--mbo-pierre)}
.woocommerce-account .woocommerce .required{color:var(--mbo-or);text-decoration:none;border:0}
.woocommerce-account .woocommerce button.button,.woocommerce-account .woocommerce a.button,.woocommerce-account .woocommerce input.button{display:inline-block;padding:14px 26px;background:var(--mbo-encre);color:#fff;border:1px solid var(--mbo-encre);border-radius:0;font-family:inherit;font-weight:400;font-size:14.5px;letter-spacing:.03em;line-height:1.2;text-decoration:none;box-shadow:none;transition:background .25s,color .25s,border-color .25s}
.woocommerce-account .woocommerce button.button:hover,.woocommerce-account .woocommerce a.button:hover,.woocommerce-account .woocommerce input.button:hover{background:var(--mbo-or);border-color:var(--mbo-or);color:#000}

/* ---------- Messages ---------- */
.woocommerce-account .woocommerce .woocommerce-message,.woocommerce-account .woocommerce .woocommerce-info,.woocommerce-account .woocommerce .woocommerce-error{background:#fff;border:1px solid var(--mbo-trait);border-left:3px solid var(--mbo-or);border-radius:0;color:var(--mbo-encre);font-size:15px;padding:16px 20px;margin:0 0 24px;list-style:none}
.woocommerce-account .woocommerce .woocommerce-error{border-left-color:#a33}
.woocommerce-account .woocommerce .woocommerce-message::before,.woocommerce-account .woocommerce .woocommerce-info::before,.woocommerce-account .woocommerce .woocommerce-error::before{display:none}
.woocommerce-account .woocommerce .woocommerce-message .button,.woocommerce-account .woocommerce .woocommerce-info .button{float:right;padding:8px 14px;font-size:13.5px}

/* ---------- Connexion / inscription (client déconnecté) ---------- */
.woocommerce-account:not(.logged-in) .woocommerce{max-width:1000px;margin:0 auto;padding:clamp(24px,4vw,48px) 0 clamp(56px,8vw,96px)}
.woocommerce-account:not(.logged-in) .woocommerce .u-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,48px)}
.woocommerce-account:not(.logged-in) .woocommerce .u-columns::before,.woocommerce-account:not(.logged-in) .woocommerce .u-columns::after{display:none}
.woocommerce-account:not(.logged-in) .woocommerce .u-column1,.woocommerce-account:not(.logged-in) .woocommerce .u-column2{float:none!important;width:auto!important;margin:0}
.woocommerce-account:not(.logged-in) .woocommerce h2{font-family:"Bodoni Moda",Georgia,serif;font-weight:400;font-size:clamp(26px,3vw,36px);color:var(--mbo-encre);margin:0 0 18px}
.woocommerce-account:not(.logged-in) .woocommerce form.login,.woocommerce-account:not(.logged-in) .woocommerce form.register,.woocommerce-account:not(.logged-in) .woocommerce form.lost_reset_password{border:1px solid var(--mbo-trait);border-radius:0;background:#fff;padding:clamp(20px,3vw,32px);margin:0}
.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px;font-weight:300;margin:0 0 14px}
.woocommerce-account:not(.logged-in) .woocommerce form .woocommerce-form-login__submit{width:100%;margin:0}
.woocommerce-account:not(.logged-in) .woocommerce form.register .button{width:100%}
.woocommerce-account:not(.logged-in) .woocommerce .lost_password{margin:14px 0 0;font-size:14px}
.woocommerce-account:not(.logged-in) .woocommerce .lost_password a{color:var(--mbo-or);text-decoration:none}
.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-privacy-policy-text{font-size:13px;color:var(--mbo-pierre)}

/* ---------- Responsive ---------- */
@media (max-width:860px){
  .mbo-compte .mbo-compte-grille{grid-template-columns:1fr}
  .mbo-compte .mbo-compte-nav ul{display:flex;overflow-x:auto;gap:4px;border-bottom:1px solid var(--mbo-trait);scrollbar-width:none}
  .mbo-compte .mbo-compte-nav ul::-webkit-scrollbar{display:none}
  .mbo-compte .mbo-compte-nav li.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:0}
  .mbo-compte .mbo-compte-nav a{border-left:0;border-bottom:2px solid transparent;padding:10px 12px;white-space:nowrap;font-size:14.5px}
  .mbo-compte .mbo-compte-nav li.is-active a{border-left:0;border-bottom-color:var(--mbo-or);padding-left:12px}
  .mbo-compte .mbo-compte-nav .mbo-icone{display:none}
  .mbo-compte .mbo-tuiles,.mbo-compte .woocommerce-Addresses,.woocommerce-account:not(.logged-in) .woocommerce .u-columns{grid-template-columns:1fr}
  .mbo-compte .woocommerce-MyAccount-content table.shop_table_responsive tr td::before{font-weight:400;color:var(--mbo-pierre)}
}
