/* AyoPlus - Shared foundation: design tokens, resets, .ayo-card.
   Required by ayo-cart.css and ayo-order.css. ayo-account.css is standalone.
   Split out of the former single cart.css; edit here, not there. */

/* AyoPlus cart + order pages. Everything is scoped under .ayo-cart / .ayo-order
   so Astra's WooCommerce styles stay out of the way. */

.ayo-cart,
.ayo-order {
  --ayo-red: #ee3124;
  --ayo-red-dark: #d0261a;
  --ayo-ink: #101828;
  --ayo-muted: #667085;
  --ayo-line: #eceef1;
  --ayo-card-radius: 16px;

  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px 56px;
  color: var(--ayo-ink);
  font-size: 15px;
  line-height: 1.5;
}

.ayo-cart *,
.ayo-cart *::before,
.ayo-cart *::after,
.ayo-order *,
.ayo-order *::before,
.ayo-order *::after {
  box-sizing: border-box;
}

.ayo-cart svg,
.ayo-order svg {
  width: 1em;
  height: 1em;
  display: block;
}

.ayo-card {
  background: #fff;
  border: 1px solid var(--ayo-line);
  border-radius: var(--ayo-card-radius);
  padding: 24px;
}

.content-area.primary#primary {
  margin-top: 0px !important;
}