.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-MyAccount-navigation li a {
  display: block;
  padding-block: 0.5rem;
  padding-inline: 0.75rem;
  text-decoration: none;
  color: var(--rq-text, oklch(15% 0 0));
  border-radius: var(--rq-radius-sm, 0.5rem);
  font-size: var(--rq-text-sm, 0.875rem);
  font-weight: 500;
  transition: background 0.12s;
}

.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
  background: oklch(95% 0.01 255);
  color: var(--rq-blue, oklch(52% 0.2 255));
}

.woocommerce-MyAccount-content {
  min-height: 12rem;
}

.woocommerce table.shop_table th {
  font-size: var(--rq-text-sm, 0.875rem);
  font-weight: 600;
}

/*
 * Shop account / sales hero (crm-client-dashboard + sales-dashboard markup).
 * CRM 01-foundation.css forces every h1 to 38–75px with !important — override here
 * so the look lives in this theme repo and survives plugin re-uploads.
 */
body.rq-shop-account .rq-acct-hero,
body.rq-shop-sales .rq-acct-hero {
  padding-block: 1rem 1.25rem !important;
  border-bottom: 1px solid var(--rq-border);
  background-image: linear-gradient(
    180deg,
    var(--rq-background),
    color-mix(in oklab, var(--rq-muted) 35%, var(--rq-background)) 45%,
    color-mix(in oklab, var(--rq-muted) 75%, white)
  );
  font-family: var(--rq-font-body);
  color: var(--rq-foreground);
}

@media (min-width: 768px) {
  body.rq-shop-account .rq-acct-hero,
  body.rq-shop-sales .rq-acct-hero {
    padding-block: 1.25rem 1.5rem !important;
  }
}

body.rq-shop-account .rq-acct-hero__eyebrow,
body.rq-shop-sales .rq-acct-hero__eyebrow {
  margin: 0.5rem 0 0 !important;
}

body.rq-shop-account .rq-acct-hero__title,
body.rq-shop-sales .rq-acct-hero__title {
  max-width: 40rem;
  margin: 0.375rem 0 0 !important;
  font-family: var(--rq-font-heading, inherit) !important;
  font-size: clamp(1.375rem, 2.2vw, 1.75rem) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em;
}

body.rq-shop-account .rq-acct-hero__intro,
body.rq-shop-sales .rq-acct-hero__intro {
  max-width: 48rem;
  margin: 0.375rem 0 0 !important;
  font-size: 0.9375rem !important;
  line-height: 1.5;
}

body.rq-shop-account .rq-acct-crumbs ol,
body.rq-shop-sales .rq-acct-crumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
}

body.rq-shop-account .rq-acct-crumbs li,
body.rq-shop-sales .rq-acct-crumbs li {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  color: var(--rq-foreground);
}

body.rq-shop-account .rq-acct-crumbs li + li::before,
body.rq-shop-sales .rq-acct-crumbs li + li::before {
  content: "/";
  font-size: 11px;
  color: color-mix(in oklab, var(--rq-foreground) 40%, transparent);
}

body.rq-shop-account .rq-acct-crumbs a,
body.rq-shop-sales .rq-acct-crumbs a {
  color: color-mix(in oklab, var(--rq-foreground) 60%, transparent);
  text-decoration: none;
  transition: color 150ms ease;
}

body.rq-shop-account .rq-acct-crumbs a:hover,
body.rq-shop-sales .rq-acct-crumbs a:hover {
  color: var(--rq-foreground);
}

body.rq-shop-account.woocommerce-account section.page_wrapper,
body.rq-shop-sales section.page_wrapper {
  padding-block: 1.5rem 4rem !important;
}