/* ==========================================================================
   Keeping Vert Dead — account.css
   WooCommerce "My Account" area (Dashboard, Orders, Addresses, Account details).
   Loaded on is_account_page() only (mirrors the checkout.css approach).

   Why this exists: the KVD theme is dark (light body text), but Storefront
   paints LIGHT backgrounds onto several account-area containers — the
   account-form <fieldset>/<legend> (the "Password change" section) and table
   rows (including our wholesale dashboard card's <table>). KVD's light text
   then renders light-on-light (near-invisible). These rules strip those stray
   light backgrounds so text sits on the dark surface and stays readable —
   matching the top of the account form (light labels on the dark page, dark
   text on the light input fields). Root-caused via a computed-contrast probe
   of the live authenticated page (2026-06-13): the password legend + labels
   measured contrast 1.1 (invisible) on a rgb(251,251,251) fieldset background.
   ========================================================================== */

/* ---------------------------------------------------------------------------
 * 1. Account details — "Password change" fieldset
 * Drop Storefront's light <fieldset>/<legend> background so the heading and the
 * three field labels read on the dark page exactly like the First/Last name
 * fields above them. A thin top border keeps it reading as a distinct group.
 * ------------------------------------------------------------------------- */
.woocommerce-account .woocommerce-EditAccountForm fieldset,
.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
  background: transparent !important;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset {
  border-top: 1px solid var(--kvd-border);
  margin-top: 2em;
  padding: 1.5em 0 0;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
  color: var(--kvd-text);
  font-family: var(--kvd-font-display);
  letter-spacing: 0.04em;
  padding-left: 0;
  margin-left: 0;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset label {
  color: var(--kvd-text);
}

/* ---------------------------------------------------------------------------
 * 2. Wholesale dashboard info card
 * Its <table> rows pick up Storefront's light row striping, which hid the light
 * card text. Force the table transparent so the card's dark surface shows
 * through (labels --kvd-text-muted / values --kvd-text both read on #1e1e1e).
 * ------------------------------------------------------------------------- */
.woocommerce-account .kvd-ws-dashboard table,
.woocommerce-account .kvd-ws-dashboard table tr,
.woocommerce-account .kvd-ws-dashboard table td {
  background: transparent !important;
  border: 0 !important;
}

/* ---------------------------------------------------------------------------
 * 3. Empty-Orders "Browse products" button
 * Storefront left it red text on the brand-red button (invisible). White text
 * on the red button. Scoped to .woocommerce-Button so it doesn't touch the
 * custom dashboard action buttons (which are intentionally red-outline).
 * ------------------------------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button {
  color: #ffffff !important;
}

/* ---------------------------------------------------------------------------
 * 4. Standard WooCommerce account tables (native shop_table)
 * Retail customers see the native Orders list (.woocommerce-orders-table) and,
 * on a single order, the order-details and customer-details tables. All carry
 * Storefront's light row striping (td bg ~rgb(253,253,253), th ~rgb(248,248,248)),
 * so KVD's light text rendered light-on-light — contrast ~1.1 (invisible),
 * confirmed by the computed-contrast probe 2026-06-14 after retail accounts
 * were enabled. Strip the light backgrounds so every cell sits on the dark
 * page, add subtle borders for structure, and keep cell text + links readable.
 * (Wholesale users were redirected to the shop and never hit these tables, so
 * the original account.css didn't cover them.)
 * ------------------------------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
  background: transparent !important;
  color: var(--kvd-text);
  border-color: var(--kvd-border) !important;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th {
  font-family: var(--kvd-font-display);
  letter-spacing: 0.03em;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table a {
  color: var(--kvd-text);
  text-decoration: underline;
}

/* ---------------------------------------------------------------------------
 * 5. Orders-list action buttons (View / Pay / Cancel)
 * These are brand-red buttons; Storefront leaves dark/red text on them. Force
 * white so they read on the red fill. Scoped to the orders-table action cell
 * (and order-again) so the custom dashboard's red-outline buttons are untouched.
 * ------------------------------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button,
.woocommerce-account .woocommerce-MyAccount-content .order-again .button {
  color: #ffffff !important;
}