/* Customer account, cart and checkout typography system. */

body.veylova-customer-shell {
  --vl-customer-display: Georgia, "Times New Roman", serif;
  --vl-customer-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --vl-customer-caption: 0.75rem;
  --vl-customer-secondary: 0.875rem;
  --vl-customer-base: 1rem;
  --vl-customer-subheading: 1.25rem;
  --vl-customer-heading: clamp(1.875rem, 4vw, 2.75rem);
  font-family: var(--vl-customer-body);
  font-size: var(--vl-customer-base);
  line-height: 1.6;
  font-kerning: normal;
  font-optical-sizing: auto;
  text-rendering: optimizeLegibility;
}

body.veylova-customer-shell :where(h1, h2, h3) {
  margin-block-start: 0;
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

body.veylova-customer-shell :where(p, li, dd) {
  text-wrap: pretty;
}

body.veylova-customer-shell .vl-customer-stage > h1,
body.veylova-customer-shell .woocommerce > h1,
body.veylova-customer-shell .woocommerce-account h1,
body.veylova-customer-shell .woocommerce-checkout h1 {
  font-family: var(--vl-customer-display);
  font-size: var(--vl-customer-heading);
  font-weight: 400;
}

body.veylova-customer-shell :where(.woocommerce h2, .woocommerce h3, .vl-order-center h2) {
  font-size: var(--vl-customer-subheading);
  font-weight: 800;
}

body.veylova-customer-shell :where(
  .woocommerce p,
  .woocommerce li,
  .woocommerce form,
  .woocommerce table,
  .woocommerce .woocommerce-info,
  .woocommerce .woocommerce-message,
  .woocommerce .woocommerce-error
) {
  font-size: var(--vl-customer-base);
  line-height: 1.6;
}

body.veylova-customer-shell :where(
  .woocommerce label,
  .woocommerce legend,
  .woocommerce table th,
  .woocommerce table td,
  .woocommerce-MyAccount-navigation a,
  .vl-customer-nav a,
  .vl-customer-stat__label
) {
  font-size: var(--vl-customer-secondary);
  line-height: 1.4;
}

body.veylova-customer-shell :where(
  button,
  .button,
  input,
  select,
  textarea
) {
  font-family: inherit;
  font-size: var(--vl-customer-base);
}

body.veylova-customer-shell :where(
  .amount,
  .woocommerce-Price-amount,
  .order-number,
  .order-date,
  .order-status
) {
  font-variant-numeric: tabular-nums;
}

body.veylova-customer-shell :where(
  .woocommerce-MyAccount-navigation a,
  .vl-customer-nav a,
  .woocommerce table th,
  .woocommerce table td,
  .woocommerce label,
  .button
) {
  overflow-wrap: anywhere;
}

@media (max-width: 47.99rem) {
  body.veylova-customer-shell .vl-customer-nav a {
    font-size: 0.75rem;
  }

  body.veylova-customer-shell :where(
    .woocommerce label,
    .woocommerce legend,
    .woocommerce table th,
    .woocommerce table td,
    .woocommerce-MyAccount-navigation a,
    .vl-customer-stat__label
  ) {
    font-size: 0.8125rem;
  }
}