/* Indicloths — WordPress bridge
 * Loaded by wp-content/novamira-sandbox/indicloths-design-system.php (enqueued before the Customizer CSS,
 * so existing template rules keep precedence and this fills the WooCommerce/Astra gaps).
 * Requires design-tokens.css loaded first.
 *
 * Maps design tokens -> Astra global palette -> Elementor kit colors, so every
 * existing widget on indicloths.com picks up the system without re-styling.
 */

:root {
  /* Astra global palette (Customizer > Global > Colors) */
  --ast-global-color-0: var(--color-primary);            /* Accent        */
  --ast-global-color-1: var(--color-primary-hover);      /* Accent hover  */
  --ast-global-color-2: var(--color-foreground);         /* Heading       */
  --ast-global-color-3: var(--color-muted-foreground);   /* Body text     */
  --ast-global-color-4: var(--color-background);         /* Site bg       */
  --ast-global-color-5: var(--color-background-subtle);  /* Section bg    */
  --ast-global-color-6: var(--color-foreground);         /* Dark          */
  --ast-global-color-7: var(--color-border);             /* Border        */
  --ast-global-color-8: var(--color-background-elevated);/* White         */

  /* Elementor kit (mirrors Astra) */
  --e-global-color-astglobalcolor0: var(--ast-global-color-0);
  --e-global-color-astglobalcolor1: var(--ast-global-color-1);
  --e-global-color-astglobalcolor2: var(--ast-global-color-2);
  --e-global-color-astglobalcolor3: var(--ast-global-color-3);
  --e-global-color-astglobalcolor4: var(--ast-global-color-4);
  --e-global-color-astglobalcolor5: var(--ast-global-color-5);
  --e-global-color-astglobalcolor6: var(--ast-global-color-6);
  --e-global-color-astglobalcolor7: var(--ast-global-color-7);
  --e-global-color-astglobalcolor8: var(--ast-global-color-8);

  /* Font aliases already used by the theme's custom CSS */
  --font-sans:  var(--typography-font-body);
  --font-serif: var(--typography-font-heading);

  /* Astra layout */
  --ast-container-width:    var(--primitive-container-site);
  --ast-content-width-size: var(--primitive-container-site);
  --ast-body-line-height:   var(--typography-body-leading);
}

/* Base typography - Astra hardcodes system-ui; override to the system fonts */
body, button, input, select, textarea, .ast-button, .ast-custom-button {
  font-family: var(--typography-font-body);
  font-size: var(--typography-body);
  line-height: var(--typography-body-leading);
  color: var(--color-foreground);
}
body { background: var(--color-background); }

h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2, .entry-content h3,
.elementor-heading-title {
  font-family: var(--typography-font-heading);
  font-weight: var(--typography-heading-weight);
  line-height: var(--typography-heading-leading);
  letter-spacing: var(--typography-heading-tracking);
  color: var(--color-foreground);
}
h1 { font-size: var(--typography-h1); }
h2 { font-size: var(--typography-h2); }
h3 { font-size: var(--typography-h3); }
h4 { font-size: var(--typography-h4); }
h5 { font-size: var(--typography-h5); }

a { color: var(--link-fg); text-underline-offset: var(--link-underline-offset); }
a:hover { color: var(--link-hover-fg); }

/* Buttons - Astra, WooCommerce (Elementor buttons keep their template classes) */
.ast-button, .ast-custom-button,
.woocommerce a.button, .woocommerce button.button, .woocommerce .button.alt,
.single_add_to_cart_button, .checkout-button, .wc-block-components-button {
  font-family: var(--button-font);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-tracking);
  min-height: var(--button-height);
  padding: var(--button-padding-y) var(--button-padding-x);
  background: var(--button-bg);
  color: var(--button-fg);
  border: 1px solid var(--button-bg);
  border-radius: var(--button-radius);
  box-shadow: var(--button-shadow);
  transition: background var(--motion-hover) var(--motion-ease),
              border-color var(--motion-hover) var(--motion-ease);
}
.ast-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce .button.alt:hover, .single_add_to_cart_button:hover {
  background: var(--button-hover-bg);
  border-color: var(--button-hover-bg);
  color: var(--button-fg);
}
.ast-button:focus-visible,
.woocommerce .button:focus-visible {
  outline: none;
  box-shadow: var(--button-focus-ring);
}
.woocommerce .button:disabled, .woocommerce .button.disabled {
  background: var(--button-disabled-bg);
  border-color: var(--button-disabled-bg);
  color: var(--button-disabled-fg);
}

/* Form controls */
input[type="text"], input[type="email"], input[type="tel"], input[type="search"],
input[type="password"], input[type="number"], select, textarea,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
  background: var(--input-bg);
  color: var(--input-fg);
  border: 1px solid var(--input-border);
  border-radius: var(--input-radius);
  min-height: var(--input-height);
  padding: var(--input-padding-y) var(--input-padding-x);
  font-size: var(--input-font-size);
}
input:hover, select:hover, textarea:hover { border-color: var(--input-hover-border); }
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--input-focus-border);
  box-shadow: var(--input-focus-ring);
}
::placeholder { color: var(--input-placeholder); }
.woocommerce form .form-row.woocommerce-invalid input.input-text { border-color: var(--input-error-border); }

/* WooCommerce product cards */
body .woocommerce ul.products li.product .woocommerce-loop-product__title,
body .woocommerce ul.products li.product h2 {
  font-family: var(--product-card-title-font);
  font-size: var(--product-card-title-size);
  color: var(--product-card-title-fg);
  font-weight: var(--typography-heading-weight);
}
body .woocommerce ul.products li.product a img {
  aspect-ratio: var(--product-card-media-ratio);
  object-fit: cover;
  background: var(--product-card-media-bg);
  border-radius: var(--product-card-media-radius);
  transition: transform var(--motion-reveal) var(--motion-ease);
}
body .woocommerce ul.products li.product:hover a img { transform: scale(var(--product-card-hover-scale)); }
body .woocommerce ul.products li.product .price { color: var(--product-card-price-fg); font-family: var(--typography-font-ui); }
body .woocommerce ul.products li.product .price ins { color: var(--product-card-sale-fg); text-decoration: none; }
body .woocommerce ul.products li.product .price del { color: var(--product-card-was-fg); }
.woocommerce span.onsale {
  background: var(--badge-bg);
  color: var(--badge-fg);
  font-size: var(--badge-font-size);
  font-weight: var(--badge-font-weight);
  letter-spacing: var(--badge-tracking);
  border-radius: var(--badge-radius);
  padding: var(--badge-padding-y) var(--badge-padding-x);
  min-height: 0; min-width: 0; line-height: 1.6;
}

/* Header / nav (Astra header only; the Elementor header keeps its template CSS) */
.ast-primary-header-bar { background: var(--nav-bg); border-bottom: 1px solid var(--nav-border); }
.main-header-menu .menu-link {
  font-family: var(--typography-font-ui);
  font-size: var(--nav-font-size);
  font-weight: var(--nav-font-weight);
  letter-spacing: var(--nav-tracking);
  color: var(--nav-fg);
}
.main-header-menu .menu-link:hover, .main-header-menu .current-menu-item > .menu-link { color: var(--nav-hover-fg); }

/* Footer */
.site-footer, .ast-footer-row-inline, .site-below-footer-wrap {
  background: var(--footer-bg);
  color: var(--footer-fg);
}
.site-footer h2, .site-footer h3, .site-footer .widget-title { color: var(--footer-heading-fg); }
.site-footer a { color: var(--footer-fg); }
.site-footer a:hover { color: var(--footer-link-hover-fg); }

/* Notices */
.woocommerce-message { border-top-color: var(--color-success); background: var(--color-success-subtle); }
.woocommerce-info    { border-top-color: var(--color-primary); background: var(--color-primary-subtle); color: var(--color-foreground); }
.woocommerce-info::before { color: var(--color-primary); }
.woocommerce-info a { color: var(--link-fg); }
.woocommerce-error   { border-top-color: var(--color-destructive); background: var(--color-destructive-subtle); }

/* Base for every Elementor Button widget: Astra's theme CSS ties with the kit on font-size and prints later. */
body .elementor-widget-button .elementor-button { font-size: var(--button-font-size); font-family: var(--button-font); font-weight: var(--button-font-weight); }

/* Elementor Button widgets - mapped by the CSS class the widget carries (Advanced > CSS Classes).
 * body-prefixed so they outrank the Customizer template rules (incl. their :visited variants) and the Elementor kit CSS. */
body .elementor-widget-button.btn .elementor-button,
body .elementor-widget-button.btn .elementor-button:visited,
.elementor-widget-button .btn.elementor-button {
  font-family: var(--button-font);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-tracking);
  padding: var(--button-padding-y) var(--button-padding-x);
  background: var(--button-bg);
  color: var(--button-fg);
  border: 1px solid var(--button-bg);
  border-radius: var(--button-radius);
  box-shadow: var(--button-shadow);
  transition: background var(--motion-hover) var(--motion-ease), border-color var(--motion-hover) var(--motion-ease), color var(--motion-hover) var(--motion-ease);
}
body .elementor-widget-button.btn .elementor-button:hover,
body .elementor-widget-button.btn .elementor-button:focus {
  background: var(--button-hover-bg);
  border-color: var(--button-hover-bg);
  color: var(--button-fg);
}
body .elementor-widget-button.btn .elementor-button:active { background: var(--button-active-bg); border-color: var(--button-active-bg); }
body .elementor-widget-button.btn .elementor-button:focus-visible { outline: none; box-shadow: var(--button-focus-ring); }

body .elementor-widget-button.btn-outline .elementor-button,
body .elementor-widget-button.btn-outline .elementor-button:visited {
  font-family: var(--button-font);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-tracking);
  padding: var(--button-padding-y) var(--button-padding-x);
  background: transparent;
  color: var(--color-foreground); /* Customizer CSS forces this colour with */
  border: 1px solid var(--button-outline-border);
  border-radius: var(--button-radius);
  box-shadow: none;
  transition: background var(--motion-hover) var(--motion-ease), color var(--motion-hover) var(--motion-ease);
}
body .elementor-widget-button.btn-outline .elementor-button:hover,
body .elementor-widget-button.btn-outline .elementor-button:focus {
  background: var(--button-secondary-bg);
  border-color: var(--button-secondary-bg);
  color: var(--button-secondary-fg);
}
body .elementor-widget-button.btn-outline .elementor-button:focus-visible { outline: none; box-shadow: var(--button-focus-ring); }

/* Inverse outline for use over photography / dark grounds */
body .elementor-widget-button.btn-outline.on-dark .elementor-button { color: var(--color-secondary-foreground); border-color: var(--color-secondary-foreground); }
body .elementor-widget-button.btn-outline.on-dark .elementor-button:hover { background: var(--color-secondary-foreground); color: var(--color-secondary); }

body .elementor-widget-button.btn-sm .elementor-button { min-height: var(--button-height-sm); padding: var(--primitive-spacing-2) var(--primitive-spacing-5); font-size: var(--typography-small); }

/* Nav links built as Button widgets: text only, terracotta on hover/current */
body .elementor-widget-button.nav-link .elementor-button,
body .elementor-widget-button.nav-link .elementor-button:visited {
  font-family: var(--typography-font-ui);
  font-size: var(--nav-font-size);
  font-weight: var(--nav-font-weight);
  letter-spacing: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  padding: var(--primitive-spacing-1) 0;
  box-shadow: none;
  color: var(--nav-fg);
  transition: color var(--motion-hover) var(--motion-ease), border-color var(--motion-hover) var(--motion-ease);
}
body .elementor-widget-button.nav-link .elementor-button:hover,
body .elementor-widget-button.nav-link .elementor-button:focus,
body .elementor-widget-button.nav-link.is-current .elementor-button {
  background: transparent;
  color: var(--nav-hover-fg);
  border-bottom-color: var(--nav-hover-fg);
}
body .elementor-widget-button.nav-link .elementor-button:focus-visible { outline: none; box-shadow: var(--button-focus-ring); border-radius: var(--primitive-radius-sm); }

/* Variant pills (size / colour choosers) */
body .elementor-widget-button.pill .elementor-button,
body .elementor-widget-button.pill .elementor-button:visited {
  font-family: var(--typography-font-ui);
  font-size: var(--typography-small);
  font-weight: var(--primitive-fontWeight-regular);
  letter-spacing: 0;
  min-width: 44px;
  min-height: 44px;
  padding: 0 14px;
  background: var(--input-bg);
  color: var(--input-fg);
  border: 1px solid var(--input-border);
  border-radius: var(--radius-control);
  box-shadow: none;
  transition: border-color var(--motion-hover) var(--motion-ease), background var(--motion-hover) var(--motion-ease), color var(--motion-hover) var(--motion-ease);
}
body .elementor-widget-button.pill .elementor-button:hover,
body .elementor-widget-button.pill .elementor-button:focus { background: var(--input-bg); color: var(--input-fg); border-color: var(--button-outline-border); }
body .elementor-widget-button.pill.is-selected .elementor-button,
body .elementor-widget-button.pill.is-selected .elementor-button:hover {
  background: var(--button-bg);
  border-color: var(--button-bg);
  color: var(--button-fg);
}
body .elementor-widget-button.pill .elementor-button:focus-visible { outline: none; box-shadow: var(--button-focus-ring); }

/* WooCommerce loop buttons ("Select options" / "Add to cart" on product grids): small outline variant,
 * matching the Elementor .btn-outline. The Customizer's .bv-products rule forces these with. */
body .woocommerce ul.products li.product a.button,
body .woocommerce ul.products li.product a.button:visited,
body .bv-products ul.products li.product a.button,
body .bv-products ul.products li.product a.button:visited {
  font-family: var(--button-font);
  font-size: var(--typography-small);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-tracking);
  line-height: 1.2;
  padding: var(--primitive-spacing-2) var(--primitive-spacing-5);
  background: transparent;
  color: var(--color-foreground);
  border: 1px solid var(--button-outline-border);
  border-radius: var(--button-radius);
  box-shadow: none;
  transition: background var(--motion-hover) var(--motion-ease), color var(--motion-hover) var(--motion-ease), border-color var(--motion-hover) var(--motion-ease);
}
body .woocommerce ul.products li.product a.button:hover,
body .woocommerce ul.products li.product a.button:focus,
body .bv-products ul.products li.product a.button:hover,
body .bv-products ul.products li.product a.button:focus {
  background: var(--button-secondary-bg);
  border-color: var(--button-secondary-bg);
  color: var(--button-secondary-fg);
}
body .woocommerce ul.products li.product a.button:focus-visible,
body .bv-products ul.products li.product a.button:focus-visible { outline: none; box-shadow: var(--button-focus-ring); }

/* Product cards: keep the button on a common baseline across a row regardless of title length */
body .woocommerce ul.products li.product { display: flex; flex-direction: column; }
body .woocommerce ul.products li.product .astra-shop-summary-wrap { display: flex; flex-direction: column; flex: 1 1 auto; }
body .woocommerce ul.products li.product .astra-shop-summary-wrap > a.button { margin-top: auto; align-self: flex-start; }

/* Mobile */
@media (max-width: 767px) {
  /* Menu drawer: the Customizer forces 2px side padding on the links; pad the inner wrapper instead */
  body .e-con.site-header .nav-link .elementor-button-content-wrapper { padding-inline: var(--spacing-gutter); }
  /* Footer: the link columns are sized calc(50% - 20px) for mobile but the row was set to stack; tile them two-up */
  body .site-footer .e-con.container:has(> .e-con-inner > .e-con) { --flex-direction: row; --flex-wrap: wrap; }
}

/* Single product page (custom summary template, stylesheet id indicloths-product-ux) - bring its literals onto tokens */
body.single-product .ic-off { color: var(--color-success); font-weight: var(--primitive-fontWeight-medium); }
body.single-product .ic-mrp { color: var(--color-muted-foreground); }
body.single-product .ic-mrp del { color: var(--color-price-was); }
body.single-product .ic-size-guide { color: var(--link-fg); font-weight: var(--primitive-fontWeight-medium); text-decoration: underline; text-underline-offset: var(--link-underline-offset); }
body.single-product .ic-size-guide:hover { color: var(--link-hover-fg); }
body.single-product .ic-sw--size { border-color: var(--input-border); color: var(--input-fg); background: var(--input-bg); border-radius: var(--radius-pill); transition: border-color var(--motion-hover) var(--motion-ease), background var(--motion-hover) var(--motion-ease), color var(--motion-hover) var(--motion-ease); }
body.single-product .ic-sw--size:hover { border-color: var(--button-outline-border); }
body.single-product .ic-sw--size.is-active { border-color: var(--button-secondary-bg); background: var(--button-secondary-bg); color: var(--button-secondary-fg); }
body.single-product .ic-sw--color { border-color: var(--input-border); border-radius: var(--radius-control); }
body.single-product .ic-sw--color.is-active { border-color: var(--button-secondary-bg); }
body.single-product .ic-sw--color .ic-tick { background: var(--button-secondary-bg); color: var(--button-secondary-fg); }
body.single-product .ic-sw--color .ic-dot { background: var(--color-background-subtle); }
body.single-product .ic-sw:focus-visible { outline: none; box-shadow: var(--button-focus-ring); }
/* Add to cart = ink outline (secondary), Buy now = terracotta primary; specificity beats the buy-now plugin's rules */
body.single-product div.product form.cart .single_add_to_cart_button {
  background: transparent; color: var(--color-foreground); border: 1px solid var(--button-outline-border);
  font-family: var(--button-font); font-size: var(--button-font-size); font-weight: var(--button-font-weight); border-radius: var(--button-radius);
  transition: background var(--motion-hover) var(--motion-ease), color var(--motion-hover) var(--motion-ease);
}
body.single-product div.product form.cart .single_add_to_cart_button:hover { background: var(--button-secondary-bg); border-color: var(--button-secondary-bg); color: var(--button-secondary-fg); }
body.single-product div.product form.cart .brv-buy-now {
  background: var(--button-bg); color: var(--button-fg); border: 1px solid var(--button-bg);
  font-family: var(--button-font); font-size: var(--button-font-size); font-weight: var(--button-font-weight); border-radius: var(--button-radius);
  transition: background var(--motion-hover) var(--motion-ease);
}
body.single-product div.product form.cart .brv-buy-now:hover { background: var(--button-hover-bg); border-color: var(--button-hover-bg); }
/* Disabled (no size chosen yet): a real disabled state, not a faded live button */
body.single-product div.product form.cart .single_add_to_cart_button.disabled,
body.single-product div.product form.cart .single_add_to_cart_button:disabled,
body.single-product div.product form.cart .brv-buy-now.disabled,
body.single-product div.product form.cart .brv-buy-now:disabled {
  opacity: 1; background: var(--button-disabled-bg); border-color: var(--button-disabled-bg); color: var(--button-disabled-fg); cursor: not-allowed;
}
body.single-product div.product form.cart .single_add_to_cart_button:focus-visible,
body.single-product div.product form.cart .brv-buy-now:focus-visible { outline: none; box-shadow: var(--button-focus-ring); }
/* Pincode check: input and button on one row */
body.single-product .input-text + button.button { min-height: var(--input-height); }
@media (max-width: 767px) {
  body.single-product .input-text + button.button { width: 100%; }
}
/* Cart & checkout */
body.woocommerce-cart table.cart td.product-name { text-align: left; }
@media (max-width: 767px) {
  body.woocommerce-cart table.cart td.product-name::before { display: block; margin-bottom: var(--primitive-spacing-1); }
}
body.woocommerce-checkout .form-row label { font-weight: var(--primitive-fontWeight-medium); font-size: var(--input-label-size); color: var(--input-label-fg); }
body.woocommerce-checkout .form-row .required,
body.woocommerce-cart .form-row .required { color: var(--color-destructive); }
body.woocommerce-page.woocommerce-checkout #payment div.payment_box { background: var(--color-background-subtle); color: var(--color-foreground); border-radius: var(--radius-surface); }
body.woocommerce-page.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--color-background-subtle); }
body.woocommerce-checkout #payment ul.payment_methods { border-bottom-color: var(--color-border); }
body.woocommerce-checkout #payment #place_order,
body.woocommerce-checkout #payment .button.alt {
  font-size: var(--button-font-size);
  min-height: var(--button-height);
  padding: var(--button-padding-y) var(--button-padding-x);
  width: 100%;
}
body.woocommerce-checkout #order_review_heading { font-size: var(--typography-h4); }
/* My account */
body.woocommerce-account .form-row label,
body.woocommerce-account .woocommerce-form-login label,
body.woocommerce-account .woocommerce-form-register label { font-weight: var(--primitive-fontWeight-medium); font-size: var(--input-label-size); color: var(--input-label-fg); }
body.woocommerce-account .form-row .required { color: var(--color-destructive); }
body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register,
body.woocommerce-account .woocommerce-ResetPassword { max-width: 32rem; border-color: var(--color-border); border-radius: var(--radius-surface); }
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a { color: var(--color-foreground); }
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { color: var(--color-primary); }
body.woocommerce-account .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Address-title h3 { font-size: var(--typography-h4); }
body.woocommerce-account .woocommerce-Address address,
body.woocommerce-account address { font-style: normal; color: var(--color-muted-foreground); }
body.woocommerce-account .woocommerce-Address-title a { color: var(--link-fg); font-size: var(--typography-small); }
body.woocommerce-account .form-row em,
body.woocommerce-account .form-row span em { font-style: normal; color: var(--input-help-fg); font-size: var(--typography-small); }
/* Order actions: Pay is the primary, View is outline, Cancel is a quiet text action */
body.woocommerce-account .woocommerce-orders-table__cell-order-actions { white-space: nowrap; }
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button { min-height: var(--button-height-sm); padding: var(--primitive-spacing-2) var(--primitive-spacing-4); font-size: var(--typography-small); margin-right: var(--spacing-inline); }
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.view { background: transparent; color: var(--color-foreground); border-color: var(--button-outline-border); }
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.view:hover { background: var(--button-secondary-bg); border-color: var(--button-secondary-bg); color: var(--button-secondary-fg); }
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.cancel { background: transparent; color: var(--color-destructive); border-color: transparent; padding-inline: var(--spacing-inline); }
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.cancel:hover { background: var(--color-destructive-subtle); border-color: var(--color-destructive-subtle); color: var(--color-destructive-hover); }
body.woocommerce-account table.shop_table th { font-weight: var(--primitive-fontWeight-medium); color: var(--color-muted-foreground); font-size: var(--typography-small); }
body.woocommerce-account table.shop_table, body.woocommerce-account table.shop_table td, body.woocommerce-account table.shop_table th { border-color: var(--color-border); }@media (max-width: 767px) {
  body.woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: var(--spacing-stack); }
  /* Orders as stacked cards: show the order number, separate each order */
  body.woocommerce-account table.woocommerce-orders-table tbody tr { display: block; border: 1px solid var(--color-border); border-radius: var(--radius-surface); margin-bottom: var(--spacing-component); }
  body.woocommerce-account table.woocommerce-orders-table tbody tr td, body.woocommerce-account table.woocommerce-orders-table tbody tr th { border-width: 0 0 1px; }
  body.woocommerce-account table.woocommerce-orders-table tbody tr td:last-child { border-bottom: 0; }
  body.woocommerce-account table.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number { display: block; text-align: left; padding: var(--primitive-spacing-3) var(--primitive-spacing-4); background: var(--color-background-subtle); font-weight: var(--primitive-fontWeight-medium); }
  body.woocommerce-account table.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number a { color: var(--color-foreground); }
  body.woocommerce-account .woocommerce-orders-table__cell-order-actions { white-space: normal; }
  body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button { margin-bottom: var(--spacing-inline); }
}