.woocommerce-account .woocommerce-MyAccount-navigation.wbc-account-nav{
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--bg) 78%, var(--surface) 22%),
    color-mix(in srgb, var(--bg) 90%, var(--surface) 10%)
  );
  border:1px solid color-mix(in srgb, var(--text) 10%, var(--bg) 90%);
  border-radius:var(--radius,16px);
  padding:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}

.woocommerce-account .wbc-account-nav__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}

.woocommerce-account .wbc-account-nav__list > li{
  margin:0;
}

.woocommerce-account .wbc-account-nav__list > li > a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  text-decoration:none;
  color:var(--text);
  background:color-mix(in srgb, var(--bg) 84%, var(--surface) 16%);
  border:1px solid color-mix(in srgb, var(--text) 8%, var(--bg) 92%);
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease;
  font-weight:700;
}

.woocommerce-account .wbc-account-nav__list > li > a:hover{
  background:color-mix(in srgb, var(--accent) 10%, var(--bg) 90%);
  border-color:color-mix(in srgb, var(--accent) 35%, var(--bg) 65%);
  transform:translateY(-1px);
}

.woocommerce-account .wbc-account-nav__list > li.is-active > a{
  background:color-mix(in srgb, var(--accent) 16%, var(--bg) 84%);
  border-color:color-mix(in srgb, var(--accent) 55%, var(--bg) 45%);
  color:var(--accent-2, var(--accent));
}

.woocommerce-account .wbc-account-nav__list > li > a:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}

@media (max-width: 720px){
  .woocommerce-account .woocommerce-MyAccount-navigation.wbc-account-nav{
    border-radius:12px;
    padding:10px;
  }

  .woocommerce-account .wbc-account-nav__list{
    grid-template-columns:1fr 1fr;
  }

  .woocommerce-account .wbc-account-nav__list > li > a{
    justify-content:center;
    text-align:center;
    font-size:.95rem;
  }
}

@media (max-width: 480px){
  .woocommerce-account .wbc-account-nav__list{
    grid-template-columns:1fr;
  }
}