/*
 * My Account — native v2 platform skin.
 * Styles the stock WooCommerce my-account markup using platform design tokens
 * (--ink-*, --line, --surface, --paper, --brand) so it matches the rest of the
 * app and follows light/dark automatically via html.dark.
 */

/* Layout: nav + content side by side inside the card */
.vbd-account-content .woocommerce { display:flex; gap:28px; align-items:flex-start; }
.vbd-account-content .woocommerce::before,
.vbd-account-content .woocommerce::after { content:none !important; display:none !important; }

/* ---- Left navigation ---- */
.vbd-account-content .woocommerce-MyAccount-navigation { flex:0 0 210px; }
.vbd-account-content .woocommerce-MyAccount-navigation ul { list-style:none; margin:0; padding:0; }
.vbd-account-content .woocommerce-MyAccount-navigation li { margin:0 0 2px; }
.vbd-account-content .woocommerce-MyAccount-navigation li a {
  display:block; padding:9px 12px; border-radius:7px;
  font-size:14px; line-height:1.3; color:var(--ink-700); text-decoration:none;
  transition:background .12s ease, color .12s ease;
}
.vbd-account-content .woocommerce-MyAccount-navigation li a:hover { background:var(--paper-2); color:var(--ink-900); }
.vbd-account-content .woocommerce-MyAccount-navigation li.is-active a { background:var(--brand); color:#fff; font-weight:500; }

/* ---- Content column ---- */
.vbd-account-content .woocommerce-MyAccount-content { flex:1 1 auto; min-width:0; color:var(--ink-700); font-size:14px; line-height:1.65; }
.vbd-account-content .woocommerce-MyAccount-content p { margin:0 0 14px; }
.vbd-account-content .woocommerce-MyAccount-content h2,
.vbd-account-content .woocommerce-MyAccount-content h3 { color:var(--ink-900); margin:0 0 12px; font-weight:600; }
.vbd-account-content a { color:var(--brand); text-decoration:none; }
.vbd-account-content a:hover { text-decoration:underline; }

/* ---- Notices (info / message) ---- */
.vbd-account-content .woocommerce-info,
.vbd-account-content .woocommerce-message,
.vbd-account-content .woocommerce-Message,
.vbd-account-content .woocommerce-notice {
  background:var(--paper-2); border:1px solid var(--line); border-left:3px solid var(--brand);
  border-radius:8px; padding:14px 16px; color:var(--ink-700); font-size:14px; margin:0 0 16px;
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  list-style:none;
}
.vbd-account-content .woocommerce-info::before,
.vbd-account-content .woocommerce-message::before { content:none !important; }

/* ---- Tables (orders, subscriptions, downloads) ---- */
.vbd-account-content table.shop_table,
.vbd-account-content table.woocommerce-orders-table,
.vbd-account-content table.woocommerce-table {
  width:100%; border-collapse:collapse; border:1px solid var(--line);
  border-radius:8px; overflow:hidden; font-size:13.5px; margin:0 0 16px;
}
.vbd-account-content table.shop_table th,
.vbd-account-content table.woocommerce-orders-table th {
  background:var(--paper-2); color:var(--ink-500); text-transform:uppercase;
  letter-spacing:.04em; font-size:11px; font-weight:600; text-align:left;
  padding:11px 14px; border-bottom:1px solid var(--line);
}
.vbd-account-content table.shop_table td,
.vbd-account-content table.woocommerce-orders-table td {
  padding:12px 14px; border-bottom:1px solid var(--line); color:var(--ink-700);
}
.vbd-account-content table.shop_table tr:last-child td { border-bottom:none; }

/* ---- Forms (account details, addresses) ---- */
.vbd-account-content form .form-row,
.vbd-account-content .woocommerce-form-row { margin:0 0 16px; display:flex; flex-direction:column; }
.vbd-account-content label { font-size:13px; color:var(--ink-700); margin:0 0 6px; font-weight:500; }
.vbd-account-content input[type=text],
.vbd-account-content input[type=email],
.vbd-account-content input[type=password],
.vbd-account-content input[type=tel],
.vbd-account-content input[type=number],
.vbd-account-content select,
.vbd-account-content textarea {
  width:100%; padding:9px 12px; border:1px solid var(--line); border-radius:7px;
  background:var(--surface); color:var(--ink-900); font-size:14px; font-family:var(--sans);
  box-sizing:border-box;
}
.vbd-account-content input:focus,
.vbd-account-content select:focus,
.vbd-account-content textarea:focus { outline:none; border-color:var(--brand); }
.vbd-account-content .woocommerce-form-row--first,
.vbd-account-content .woocommerce-form-row--last { display:inline-flex; width:calc(50% - 8px); }
.vbd-account-content .woocommerce-form-row--first { margin-right:14px; }

/* ---- Buttons (high specificity to beat WooCommerce core button styles) ---- */
.vbd-account-content .woocommerce a.button,
.vbd-account-content .woocommerce button.button,
.vbd-account-content .woocommerce input.button,
.vbd-account-content .woocommerce #respond input#submit,
.vbd-account-content .woocommerce button.woocommerce-Button,
.vbd-account-content button.woocommerce-Button,
.vbd-account-content input[type=submit] {
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--brand) !important; color:#fff !important; border:none !important; border-radius:7px;
  padding:9px 18px; font-size:14px; font-weight:500; cursor:pointer; text-decoration:none;
  transition:opacity .12s ease; line-height:1.2;
}
.vbd-account-content .woocommerce a.button:hover,
.vbd-account-content .woocommerce button.button:hover,
.vbd-account-content .woocommerce input.button:hover,
.vbd-account-content .woocommerce #respond input#submit:hover,
.vbd-account-content button.woocommerce-Button:hover,
.vbd-account-content input[type=submit]:hover { opacity:.9; text-decoration:none; color:#fff !important; }

/* ---- Responsive: stack nav on top ---- */
@media (max-width:768px){
  .vbd-account-content .woocommerce { flex-direction:column; gap:18px; }
  .vbd-account-content .woocommerce-MyAccount-navigation { flex:none; width:100%; }
  .vbd-account-content .woocommerce-MyAccount-navigation ul { display:flex; flex-wrap:wrap; gap:6px; }
  .vbd-account-content .woocommerce-MyAccount-navigation li { margin:0; }
  .vbd-account-content .woocommerce-form-row--first,
  .vbd-account-content .woocommerce-form-row--last { width:100%; margin-right:0; }
}