/* ===== YAMM — Accordéon immersif Mon Compte ===== */
body.woocommerce-account .woocommerce-MyAccount-navigation ul { position: relative; }

/* Chevrons à droite des liens */
body.woocommerce-account .woocommerce-MyAccount-navigation li a {
  position: relative;
  padding-right: 34px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a::after {
  content: "";
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%) rotate(0deg);
  width: 14px; height: 14px; background-color: currentColor; opacity: .7;
  transition: transform .25s ease, opacity .2s ease;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M7 10l5 5 5-5" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M7 10l5 5 5-5" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center;   mask-position: center;
  -webkit-mask-size: contain;      mask-size: contain;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.yamm-open > a::after {
  transform: translateY(-50%) rotate(180deg);
  opacity: 1;
}

/* Panneau inséré sous l’item cliqué */
body.woocommerce-account .woocommerce-MyAccount-navigation li.yamm-panel {
  overflow: hidden;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e9e9e9;
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  margin: 8px 0;
  max-height: 0;                     /* fermé */
  transition: max-height .35s ease, margin .2s ease;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.yamm-panel[aria-hidden="false"] {
  margin: 12px 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.yamm-panel .yamm-panel-inner {
  padding: 18px;
  font-family: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #222;
}

/* Quand le panneau est ouvert, on masque le contenu central pour l’effet “poussé” */
body.woocommerce-account .woocommerce.yamm-accordion-open .woocommerce-MyAccount-content {
  display: none !important;
}
@media (max-width: 767px) {
  body.woocommerce-account .woocommerce-MyAccount-navigation li.yamm-panel .yamm-panel-inner { padding: 16px; }
}