/* Brand styling for the WooCommerce My Account page. */
/* NOTE: Kadence global-palette9 (content background) is set to the brand pink
   (#e8367a) instead of white, so the boxed article (.content-bg) renders pink.
   Neutralize it here for the account page (proper fix: set palette9 to #fff in
   Customize → Colors). */
body.woocommerce-account .content-bg,
body.woocommerce-account .entry-content-wrap,
body.woocommerce-account .entry-content,
body.woocommerce-account .woocommerce { background: transparent !important; }

/* Page heading (WC/Kadence title) — centered, brand. */
.woocommerce-account .entry-header,
.woocommerce-account .entry-hero-container-inner { text-align: center; }
.woocommerce-account .entry-title { font-family: var(--font-display, "Fraunces", Georgia, serif); }

/* Layout: content (left) + nav (right), responsive. */
.woocommerce-account .woocommerce {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  max-width: 1040px;
  margin: 0 auto;
  align-items: flex-start;
}
body.woocommerce-account .woocommerce-MyAccount-content {
  order: 1;
  flex: 1 1 460px;
  min-width: 0;
  width: auto !important;
  float: none !important;
  background: #fff !important;
  background-image: none !important;
  border: 1px solid var(--line, #f0e2e8);
  border-radius: 16px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 10px 30px rgba(27, 18, 20, .05);
}
/* Kill any inherited/injected background on the nav column + its inner wrappers
   (theme/plugin/customizer may paint it pink). Then re-apply our white card. */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-navigation * {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
  order: 2;
  flex: 0 0 280px;
  width: 280px !important;
  float: none !important;
  background: #fff !important;
  border: 1px solid var(--line, #f0e2e8) !important;
  border-radius: 16px !important;
  padding: 1rem !important;
  box-shadow: 0 10px 30px rgba(27, 18, 20, .05) !important;
}
@media (max-width: 859px) {
  .woocommerce-account .woocommerce-MyAccount-navigation { flex: 1 1 100%; width: 100% !important; order: 2; }
  .woocommerce-account .woocommerce-MyAccount-content { flex: 1 1 100%; }
}

/* Sidebar nav → brand pills. */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: .72rem .85rem;
  border-radius: 10px;
  color: var(--midnight, #1b1214) !important;
  text-decoration: none;
  font-weight: 600;
  font-size: .92rem;
  transition: background .15s ease, color .15s ease;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: var(--whisper, #fff6fa) !important;
  color: var(--primary, #ff2d78) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  background: var(--primary, #ff2d78) !important;
  color: #fff !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li--logout {
  margin-top: .4rem;
  border-top: 1px solid var(--line, #f0e2e8);
  padding-top: .4rem;
}

/* Content typography + links. */
.woocommerce-MyAccount-content a { color: var(--primary, #ff2d78); }
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 { font-family: var(--font-display, "Fraunces", Georgia, serif); }

/* Tables (orders, addresses) — clean brand look. */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account table.shop_table {
  border: 1px solid var(--line, #f0e2e8) !important;
  border-radius: 12px;
  border-collapse: separate !important;
  overflow: hidden;
}
.woocommerce-account table.shop_table th { background: #fff0f6; }

/* Buttons → brand pills. */
.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account input.button {
  background: var(--primary, #ff2d78) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: 0 !important;
  font-weight: 700 !important;
}
.woocommerce-account .button:hover { background: #e51e63 !important; }

/* ---- Custom dashboard cards (injected via woocommerce_account_dashboard) ---- */
.lf-acc-sub { color: var(--muted, #6b6168); margin: 0 0 1.2rem; font-size: .92rem; }
.lf-acc-cards { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; margin-top: 1.2rem; }
@media (max-width: 560px) { .lf-acc-cards { grid-template-columns: 1fr; } }
.lf-acc-card {
  background: var(--whisper, #fff6fa);
  border: 1px solid var(--line, #f0e2e8);
  border-radius: 14px;
  padding: 1.2rem 1.3rem;
}
.lf-acc-card h3 { margin: 0 0 .25rem; font-size: 1rem; font-family: var(--font-display, "Fraunces", Georgia, serif); }
.lf-acc-card p { margin: 0 0 .7rem; color: var(--muted, #6b6168); font-size: .85rem; line-height: 1.5; }
.lf-acc-card a { color: var(--primary, #ff2d78); font-weight: 700; font-size: .85rem; text-decoration: none; }
.lf-acc-card a:hover { text-decoration: underline; }