/* Mon Compte – 2 colonnes 50/50 (menu gauche, contenu droite) */

:root{
  --mc-max: 1240px;
  --mc-gap: 28px;
  --mc-pad: 24px;
  --mc-radius: 14px;
  --mc-border: 1px solid rgba(0,0,0,.08);
  --mc-bg: #f6f6f6;
  --mc-card: #fff;
}

body.woocommerce-account{ background: var(--mc-bg); }
.mc-wrap{ max-width: var(--mc-max); margin: clamp(24px,3vw,48px) auto; padding: 0 20px; }

/* Titre */
.mc-header{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px;
  padding:0 0 16px; margin:0 0 var(--mc-gap); border-bottom:1px solid #000; }
.mc-title{ margin:0; font-size:40px; font-weight:600; }
.mc-subtitle{ margin:6px 0 0; opacity:.7; }

/* Neutraliser vieux styles thème */
.woocommerce-account .woocommerce-MyAccount-navigation{ float:none !important; width:auto !important; }

/* Grille 2 colonnes */
.mc-grid{ display:block; gap: var(--mc-gap); }
@media (min-width: 992px){
  .mc-grid{
    display:grid;
    grid-template-columns: 1fr 1fr; /* 50/50 */
    column-gap: var(--mc-gap);
    align-items:start;
  }
  .mc-grid > .woocommerce-MyAccount-navigation{ grid-column: 1 / 2 !important; }
  .mc-grid > .woocommerce-MyAccount-content{ grid-column: 2 / 3 !important; }
  .mc-grid > .woocommerce-MyAccount-navigation,
  .mc-grid > .woocommerce-MyAccount-content{ width:100% !important; }
}

/* Cartes */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content{
  background: var(--mc-card);
  border: var(--mc-border);
  border-radius: var(--mc-radius);
  box-shadow: 0 12px 28px rgba(0,0,0,.05);
}
.woocommerce-MyAccount-navigation{ padding: 12px; }
.woocommerce-MyAccount-content{ padding: var(--mc-pad); }

/* Menu */
.mc-navlist{ list-style:none; margin:0; padding:6px; display:grid; gap:6px; }
.mc-navlink{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:12px 14px; border-radius:12px; border:1px solid transparent; text-decoration:none; color:inherit;
  text-transform:uppercase; letter-spacing:.08em; font-size:12px;
}
.mc-navitem.is-active .mc-navlink, .mc-navlink:hover{ background:#000; color:#fff; border-color:#000; }

/* Mobile : nav en drawer si tu utilises le JS correspondant */
@media (max-width: 991.98px){
  .woocommerce-MyAccount-navigation{
    position: fixed; inset: 0 auto 0 0; width: min(86vw, 360px); height: 100dvh;
    transform: translateX(-102%); transition: transform .28s ease; z-index: 10990;
    overflow: auto; -webkit-overflow-scrolling: touch;
  }
  html.mc-open .woocommerce-MyAccount-navigation{ transform: translateX(0); }
  .mc-scrim{ position: fixed; inset: 0; background: rgba(0,0,0,.35); opacity:0; pointer-events:none; transition:opacity .2s ease; z-index:10980; }
  html.mc-open .mc-scrim{ opacity:1; pointer-events:auto; }
}