/* jdtheme26 - My Account layout (operator 2026-10-01; markup + rules: inc/jd-account-layout.php).
   White ground on every account page. Phones / tablets (<= 1024px): the account home is the menu hub (member card + one list of rows),
   every other account page = slim back bar + content. Desktop: compact menu card on the left + content.
   Classes on <body> for logged-in members: .jd-acc-home (the account home) / .jd-acc-sub (any other account page). */

/* ---- menu icons (one line drawing per menu item, drawn as a mask in the text colour; unknown items get the dot) ---- */
:where(body.woocommerce-account) :where(.woocommerce-MyAccount-navigation, .wd-my-account-links) :where(li > a) { --jd-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E"); }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation-link--dashboard, .wd-my-acc-dashboard) > a { --jd-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10v9.5h13V10'/%3E%3Cpath d='M10 19.5v-5h4v5'/%3E%3C/svg%3E"); }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation-link--orders, .wd-my-acc-orders) > a { --jd-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h12v17l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8.5h6M9 12h6'/%3E%3C/svg%3E"); }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation-link--coupon, .wd-my-acc-coupon) > a { --jd-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5V6h17v2.5a2.5 2.5 0 0 0 0 5V16h-17v-2.5a2.5 2.5 0 0 0 0-5z' transform='translate%280 1%29'/%3E%3Cpath d='M14 7v12' stroke-dasharray='2 2'/%3E%3C/svg%3E"); }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation-link--edit-address, .wd-my-acc-edit-address) > a { --jd-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-10.6a6.5 6.5 0 0 1 13 0C18.5 15.4 12 21 12 21z'/%3E%3Ccircle cx='12' cy='10.4' r='2.4'/%3E%3C/svg%3E"); }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation-link--payment-methods, .wd-my-acc-payment-methods) > a { --jd-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2.5'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E"); }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation-link--edit-account, .wd-my-acc-edit-account) > a { --jd-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='3.8'/%3E%3Cpath d='M4.5 20c.8-3.8 3.9-6 7.5-6s6.7 2.2 7.5 6'/%3E%3C/svg%3E"); }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation-link--points-and-rewards, .wd-my-acc-points-and-rewards) > a { --jd-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M14.5 9.2c-.5-.8-1.4-1.2-2.5-1.2-1.5 0-2.5.8-2.5 1.9 0 2.6 5.2 1.3 5.2 4.1 0 1.1-1.1 2-2.7 2-1.2 0-2.2-.5-2.7-1.4M12 6.5V8m0 8v1.5'/%3E%3C/svg%3E"); }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation-link--wishlist, .wd-my-acc-wishlist) > a { --jd-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-9.2-9C1.6 7.8 3.6 4.8 6.8 4.8c2 0 3.6 1.1 5.2 3 1.6-1.9 3.2-3 5.2-3 3.2 0 5.2 3 4 6.2C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E"); }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation-link--customer-logout, .wd-my-acc-customer-logout) > a { --jd-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5H6.5a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2H14'/%3E%3Cpath d='M10 12h10.5M17 8.5l3.5 3.5-3.5 3.5'/%3E%3C/svg%3E"); }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation-link--downloads, .wd-my-acc-downloads) > a { --jd-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7.5 10.5 12 15l4.5-4.5M4.5 19.5h15'/%3E%3C/svg%3E"); }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation, .wd-my-account-links) li > a::before {
  content: "";
  flex: none;
  width: 22px;
  height: 22px;
  background-color: currentColor;
  -webkit-mask: var(--jd-acc-icon) center / contain no-repeat;
  mask: var(--jd-acc-icon) center / contain no-repeat;
}

/* ---- WooCommerce's two greeting paragraphs on the account home (hello / log-out hint, and the dashboard explanation): the member card and the menu say it already ---- */
body.jd-acc-home .woocommerce-MyAccount-content > p:nth-of-type(-n+2) { display: none; }

/* ---- the menu rows (shared look: the sidebar menu on desktop, the hub list on phones) ---- */
body.woocommerce-account :is(.woocommerce-MyAccount-navigation ul, ul.wd-my-account-links) {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  border: 1px solid var(--jd-card-border, #f2eeef);
  border-radius: var(--jd-card-radius, 20px);
  background: #fff;
  box-shadow: var(--jd-card-shadow, 0 1px 2px rgba(60, 30, 40, .04), 0 8px 24px rgba(60, 30, 40, .06));
  overflow: hidden;
  gap: 0;                                       /* WoodMart's grid gap of the home link list */
}
body.woocommerce-account :is(.woocommerce-MyAccount-navigation, .wd-my-account-links) li { margin: 0; padding: 0; border: 0; width: auto; max-width: none; }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation, .wd-my-account-links) li::before { content: none; }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation, .wd-my-account-links) li + li > a { border-top: 1px solid #f4f0ee; }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation, .wd-my-account-links) li > a {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  min-height: 52px;
  margin: 0;
  padding: 12px 44px 12px 20px;
  border-radius: 0;
  background: none;
  color: var(--jd-ink-900, #3b2a1f);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .08em;
  text-align: start;
  text-decoration: none;
  border: 0;
  box-shadow: none;
}
/* chevron on the right */
body.woocommerce-account :is(.woocommerce-MyAccount-navigation, .wd-my-account-links) li > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 22px;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #b3a69b;
  border-bottom: 1.5px solid #b3a69b;
  transform: translateY(-50%) rotate(-45deg);
}
body.woocommerce-account :is(.woocommerce-MyAccount-navigation, .wd-my-account-links) li > a:hover { background: #fbf8f5; color: var(--jd-ink-900, #3b2a1f); }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation, .wd-my-account-links) li > a:focus-visible { outline: 2px solid var(--jd-accent, #80cacb); outline-offset: -2px; }
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a { background: #eef8f8; font-weight: 700; }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation-link--customer-logout, .wd-my-acc-customer-logout) > a { color: #a8453f; }
body.woocommerce-account :is(.woocommerce-MyAccount-navigation-link--customer-logout, .wd-my-acc-customer-logout) > a::after { content: none; }
body.woocommerce-account .wd-my-account-links .wd-nav-icon { display: none; }                 /* WoodMart's own icons: replaced by the set above */
body.woocommerce-account .wd-my-account-links .nav-link-text { padding: 0; }
body.woocommerce-account .wd-my-account-links li.wd-my-acc-dashboard { display: none; }       /* the hub is the home page itself */

/* ---- back bar (phones / tablets only) ---- */
.jd-acc-back { display: none; }

/* ======================= desktop ======================= */
@media (min-width: 1025px) {
  body.jd-acc-home .wd-my-account-sidebar,
  body.jd-acc-sub .wd-my-account-sidebar { position: sticky; top: 90px; align-self: start; }
  body.woocommerce-account .woocommerce-MyAccount-title { display: none; }                   /* the page title band already carries the page name */
  body.woocommerce-account .woocommerce-MyAccount-navigation li > a { min-height: 48px; padding-block: 10px; font-size: 14px; }
  /* account home: no left menu - the hub list is the menu, under the member card, both 720px wide and centred */
  body.jd-acc-home .wd-my-account-sidebar { display: none; }
  /* !important on grid-column: WoodMart sets the content column's grid placement inline */
  body.jd-acc-home .woocommerce-MyAccount-content { grid-column: 1 / -1 !important; width: 100%; max-width: 720px; margin-inline: auto; }
  body.jd-acc-home .jdsl-card { max-width: 720px; margin-inline: auto; }
  /* member card: one compact row above menu + content (avatar | name, level, next level | the two figures) */
  body.woocommerce-account .jdsl-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    max-width: none;
    margin: 0 0 28px;
    padding: 18px 24px;
  }
  body.woocommerce-account .jdsl-card .jdsl-card__avatar { flex-basis: 64px; width: 64px; height: 64px; }
  body.woocommerce-account .jdsl-card .jdsl-card__name { font-size: 18px; }
  body.woocommerce-account .jdsl-card .jdsl-card__stats { gap: 32px; margin: 0; padding: 0 0 0 24px; border-top: 0; border-left: 1px solid #f2eeef; }
}

/* ======================= phones / tablets ======================= */
@media (max-width: 1024px) {
  /* no page banner on logged-in account pages: content first (the login / register page keeps it) */
  body.woocommerce-account.logged-in .wd-page-title { display: none; }
  /* menu only on the account home, as the hub list; the sidebar copy of it goes */
  body.woocommerce-account.logged-in .wd-my-account-sidebar { display: none; }
  body.woocommerce-account.logged-in .wd-my-account-wrapper { --wd-gap-sm: 0px; }
  body.jd-acc-home .wd-my-account-links { display: flex; margin-top: 4px; }
  body.jd-acc-home .jdsl-card { margin-bottom: 16px; }
  /* other pages: no member card, a back bar instead */
  body.jd-acc-sub .jdsl-card { display: none; }
  .jd-acc-back {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin: 0 0 18px;
    padding: 0 0 14px;
    border-bottom: 1px solid #f2eeef;
  }
  .jd-acc-back__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    color: var(--jd-ink-700, #5c4a3c);
    font-size: 14px;
    letter-spacing: .08em;
    text-decoration: none;
  }
  .jd-acc-back__link:hover { color: var(--jd-ink-900, #3b2a1f); }
  .jd-acc-back__chev { width: 8px; height: 8px; border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin-left: 2px; }
  .jd-acc-back__title { color: var(--jd-ink-900, #3b2a1f); font-size: 20px; font-weight: 700; line-height: 1.4; letter-spacing: .08em; }
}

/* ---- points page (points-and-rewards; template woocommerce/myaccount/my-points.php): balance card, history rows, empty state ---- */
.jd-pts { display: flex; flex-direction: column; gap: 18px; max-width: 720px; }
.jd-pts p { margin: 0; }
.jd-pts .jd-pts__balance { padding: 24px 24px 22px; text-align: center; }
.jd-pts__label { color: var(--jd-ink-700, #5c4a3c); font-size: 14px; letter-spacing: .12em; }
.jd-pts p.jd-pts__figure { display: flex; align-items: baseline; justify-content: center; gap: 6px; margin: 6px 0 8px; color: var(--jd-ink-900, #3b2a1f); line-height: 1.1; }
.jd-pts__num { font-size: 40px; font-weight: 700; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
.jd-pts__unit { font-size: 14px; color: var(--jd-ink-700, #5c4a3c); }
.jd-pts__rule { color: #7a6a5d; font-size: 13px; line-height: 1.6; }
.jd-pts .jd-pts__title { margin: 6px 0 -6px 4px; font-size: 15px; font-weight: 700; letter-spacing: .1em; }
.jd-pts .jd-pts__list { margin: 0; padding: 4px 0; list-style: none; overflow: hidden; }
.jd-pts__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 12px 20px; }
.jd-pts__row::before { content: none; }
.jd-pts__row + .jd-pts__row { border-top: 1px solid #f4f0ee; }
.jd-pts__what { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.jd-pts__desc { color: var(--jd-ink-900, #3b2a1f); font-size: 14px; line-height: 1.5; }
.jd-pts__date { color: #8a7a6c; font-size: 12px; letter-spacing: .04em; }
.jd-pts__delta { flex: none; font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }
.jd-pts__delta.is-plus { color: #3f8f88; }
.jd-pts__delta.is-minus { color: #a8453f; }
.jd-pts .jd-pts__pager { display: flex; justify-content: center; gap: 12px; margin: 0; }
.jd-pts__empty { padding: 28px 20px 30px; border: 1px dashed #e4dcd4; border-radius: var(--jd-card-radius, 20px); background: #fcfaf7; text-align: center; }
.jd-pts__empty-title { color: var(--jd-ink-900, #3b2a1f); font-size: 15px; font-weight: 700; letter-spacing: .08em; }
.jd-pts p.jd-pts__empty-text { margin: 6px 0 16px; color: #7a6a5d; font-size: 13px; line-height: 1.6; }

/* ======================= polish round 2 (2026-10-01): buttons, orders, forms, view-order, login ======================= */

/* ---- buttons on account pages: pill like checkout, theme yellow kept, no inset bar ---- */
body.woocommerce-account :is(.woocommerce-MyAccount-content, .wd-registration-page) :is(.button, button.woocommerce-Button, button[type="submit"]:not(.searchsubmit)) {
  min-height: 48px;
  padding-inline: 28px;
  border-radius: 999px;
  box-shadow: none;
  font-weight: 700;
  letter-spacing: .12em;
}
body.woocommerce-account .woocommerce-MyAccount-content a.button.view { min-height: 44px; padding-inline: 20px; }   /* compact in the desktop table, still a full tap target; 48px in the cards below */

/* ---- sidebar: no vertical divider, the cards carry the structure ---- */
@media (min-width: 1025px) {
  body.woocommerce-account .wd-my-account-sidebar { border-right: 0; }
}

/* ---- orders list: a card on desktop, one card per order on phones ---- */
body.woocommerce-account .woocommerce-orders-table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--jd-card-border, #f2eeef);
  border-radius: var(--jd-card-radius, 20px);
  background: #fff;
  box-shadow: var(--jd-card-shadow, 0 1px 2px rgba(60, 30, 40, .04), 0 8px 24px rgba(60, 30, 40, .06));
  overflow: hidden;
}
body.woocommerce-account .woocommerce-orders-table thead th { padding: 16px 14px; border-bottom: 1px solid #f4f0ee; background: #fcfaf7; }
body.woocommerce-account .woocommerce-orders-table tbody td { padding: 14px; border-top: 0; border-bottom: 1px solid #f4f0ee; }
body.woocommerce-account .woocommerce-orders-table tbody tr:last-child td { border-bottom: 0; }
body.woocommerce-account .woocommerce-orders-table :is(th, td):first-child { padding-left: 20px; }
body.woocommerce-account .woocommerce-orders-table :is(th, td):last-child { padding-right: 20px; }
@media (max-width: 1024px) {   /* WooCommerce stacks the table below 1025px here, so tablets get the order cards too */
  body.woocommerce-account .woocommerce-orders-table { display: block; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
  body.woocommerce-account .woocommerce-orders-table tbody { display: flex; flex-direction: column; gap: 14px; }
  body.woocommerce-account .woocommerce-orders-table tbody tr {
    display: block;
    padding: 16px 18px;
    border: 1px solid var(--jd-card-border, #f2eeef);
    border-radius: var(--jd-card-radius, 20px);
    background: #fff;
    box-shadow: var(--jd-card-shadow, 0 1px 2px rgba(60, 30, 40, .04), 0 8px 24px rgba(60, 30, 40, .06));
  }
  body.woocommerce-account .woocommerce-orders-table tbody td { padding: 11px 0; border-bottom: 1px solid #f4f0ee; }
  body.woocommerce-account .woocommerce-orders-table tbody td:last-child { padding: 14px 0 0; border-bottom: 0; }
  body.woocommerce-account .woocommerce-orders-table :is(th, td):first-child { padding-left: 0; }
  body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions { display: block; }
  body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions::before { display: none; }
  body.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button { display: flex; width: 100%; min-height: 48px; }
}

/* ---- account details: the password block is a plain section, not a framed box ---- */
body.woocommerce-account .woocommerce-EditAccountForm fieldset {
  margin: 28px 0 8px;
  padding: 24px 0 0;
  border: 0;
  border-top: 1px solid #f2eeef;
}
body.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
  float: left;
  width: 100%;
  margin: 0 0 14px;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .1em;
}
body.woocommerce-account .woocommerce-EditAccountForm fieldset legend + * { clear: both; }

/* ---- order view: order lines + addresses sit in cards ---- */
body.woocommerce-account .woocommerce-order-details__title { margin: 26px 0 14px; font-size: 18px; letter-spacing: .1em; }
body.woocommerce-account .woocommerce-table--order-details {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--jd-card-border, #f2eeef);
  border-radius: var(--jd-card-radius, 20px);
  background: #fff;
  box-shadow: var(--jd-card-shadow, 0 1px 2px rgba(60, 30, 40, .04), 0 8px 24px rgba(60, 30, 40, .06));
  overflow: hidden;
}
body.woocommerce-account .woocommerce-table--order-details :is(th, td) { padding: 14px 20px; }
body.woocommerce-account .woocommerce-table--order-details thead th { background: #fcfaf7; }
body.woocommerce-account .woocommerce-table--order-details :is(th, td):last-child { text-align: end; }
body.woocommerce-account .woocommerce-table--order-details .product-name { text-align: start; }
body.woocommerce-account .woocommerce-order-details + .woocommerce-customer-details { margin-top: 8px; }
body.woocommerce-account .woocommerce-order-details .order-again { margin: 18px 0 0; }
@media (max-width: 767px) {
  body.woocommerce-account .woocommerce-table--order-details :is(th, td) { padding: 12px 14px; }
}

/* ---- login / register / lost password: fields and sections as cards on phones, tidy columns on desktop ---- */
@media (max-width: 767px) {
  body.woocommerce-account:not(.logged-in) .wd-page-title { min-height: 0; }
  body.woocommerce-account:not(.logged-in) .wd-page-title .container { padding-block: 22px; }
  body.woocommerce-account:not(.logged-in) .col-login,
  body.woocommerce-account:not(.logged-in) .col-register {
    padding: 22px 18px;
    border: 1px solid var(--jd-card-border, #f2eeef);
    border-radius: var(--jd-card-radius, 20px);
    background: #fff;
    box-shadow: var(--jd-card-shadow, 0 1px 2px rgba(60, 30, 40, .04), 0 8px 24px rgba(60, 30, 40, .06));
  }
  body.woocommerce-account:not(.logged-in) .col-login { margin-bottom: 16px; }
}
body.woocommerce-account:not(.logged-in) :is(.woocommerce-form-login, .woocommerce-ResetPassword, .lost_reset_password) .button { min-width: 140px; }
body.woocommerce-account:not(.logged-in) .woocommerce-form-login__submit { width: 100%; }
body.woocommerce-account:not(.logged-in) :is(.col-register-text, .col-register) :is(.button, a.wd-switch-to-register, button) { min-height: 48px; padding-inline: 28px; border-radius: 999px; box-shadow: none; letter-spacing: .12em; }

/* Orders table: the order number is a <th scope="row"> in tbody. Desktop: same row line as the other cells (it had none).
   Phones: WooCommerce's small-screen sheet hides tbody th, so the cards had no order number - shown as the card's first line. */
body.woocommerce-account .woocommerce-orders-table tbody th { padding: 14px; border-top: 0; border-bottom: 1px solid #f4f0ee; text-align: left; }
body.woocommerce-account .woocommerce-orders-table tbody tr:last-child th { border-bottom: 0; }
@media (max-width: 1024px) {
  body.woocommerce-account .woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number {
    display: block;
    padding: 0 0 11px;
    border-bottom: 1px solid #f4f0ee;
    font-weight: 700;
  }
  body.woocommerce-account .woocommerce-orders-table tbody tr:last-child th.woocommerce-orders-table__cell-order-number { border-bottom: 1px solid #f4f0ee; }
}

/* Tap targets and keyboard focus (tester round, 2026-10-01): back link and lost-password button at least 44 / 48px; theme focus ring on buttons */
body.woocommerce-account .jd-acc-back__link { display: inline-flex; align-items: center; min-height: 44px; }
body.woocommerce-account:not(.logged-in) :is(.woocommerce-ResetPassword, .lost_reset_password) .button { min-height: 48px; border-radius: 999px; }
body.woocommerce-account :is(.woocommerce-MyAccount-content, .wd-registration-page, .jd-acc-back) :is(.button, button, a):focus-visible {
  outline: 2px solid var(--jd-accent, #80cacb);
  outline-offset: 2px;
}

/* ---- back bar, phones + tablets (operator 2026-10-01: the way back was not obvious, the page repeated its name) ----
   One row: a 44px round back button (chevron; the target's name is read by screen readers only) + the page's name.
   The address pages lose their own <h2> (the list's billing-address heading and the form's heading); the back bar names the page. */
@media (max-width: 1024px) {
  body.woocommerce-account .jd-acc-back {
    flex-direction: row;
    align-items: center;
    gap: 12px;
    margin: 0 0 20px;
    padding: 0 0 14px;
  }
  body.woocommerce-account .jd-acc-back__link {
    flex: 0 0 auto;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    border: 1px solid var(--jd-card-border, #f2eeef);
    border-radius: 50%;
    background: #fff;
    box-shadow: var(--jd-card-shadow, 0 1px 2px rgba(60, 30, 40, .04), 0 8px 24px rgba(60, 30, 40, .06));
    color: var(--jd-ink-900, #3b2a1f);
    transition: background-color .2s ease, transform .2s ease;
  }
  body.woocommerce-account .jd-acc-back__link:hover { background: #faf6f2; }
  body.woocommerce-account .jd-acc-back__link:active { transform: scale(.94); }
  body.woocommerce-account .jd-acc-back__chev { width: 10px; height: 10px; margin: 0 0 0 4px; border-left-width: 2px; border-bottom-width: 2px; }
  body.woocommerce-account .jd-acc-back__label {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
  body.woocommerce-account .jd-acc-back__title { min-width: 0; font-size: 20px; }
}
@media (max-width: 1024px) and (prefers-reduced-motion: reduce) {
  body.woocommerce-account .jd-acc-back__link { transition: none; }
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-MyAccount-content form:has(.woocommerce-address-fields) > h2 { display: none; }

/* ---- "complete your profile" phone form of the social-login plugin (.jdsl-phone): a standard card with the theme's field and pill button ---- */
body.woocommerce-account .jdsl-phone {
  box-sizing: border-box;
  max-width: 640px;
  margin: 0 0 24px;
  padding: 22px 20px;
  border: 1px solid var(--jd-card-border, #f2eeef);
  border-radius: var(--jd-card-radius, 20px);
  background: #fff;
  box-shadow: var(--jd-card-shadow, 0 1px 2px rgba(60, 30, 40, .04), 0 8px 24px rgba(60, 30, 40, .06));
  text-align: left;
}
body.jd-acc-home .jdsl-phone { margin-inline: auto; }
/* phone gate (inc/jd-account-layout.php): logout link under the phone form, the only other thing on the page */
body.jd-acc-phone-gate .jd-acc-phone-gate__logout { margin: 0 0 24px; text-align: center; font-size: 13px; }
body.woocommerce-account .jdsl-phone p { margin: 0; }
body.woocommerce-account .jdsl-phone .jdsl-phone__title { margin: 0 0 14px; color: var(--jd-ink-900, #3b2a1f); font-size: 16px; font-weight: 700; letter-spacing: .08em; }
body.woocommerce-account .jdsl-phone input.input-text {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  height: 48px;
  padding: 0 16px;
  border: 1px solid var(--jd-border, #eadfd6);
  border-radius: 14px;
  background: #fff;
  font-size: 16px;
}
body.woocommerce-account .jdsl-phone input.input-text:focus { border-color: var(--jd-accent, #80cacb); outline: 0; box-shadow: 0 0 0 3px rgba(128, 202, 203, .25); }
body.woocommerce-account .jdsl-phone .jdsl-phone__msg { min-height: 0; margin: 8px 0 0; font-size: 13px; }
body.woocommerce-account .jdsl-phone .jdsl-phone__msg:empty { margin: 0; }
body.woocommerce-account .jdsl-phone .button {
  width: 100%; min-height: 48px; margin-top: 14px; border-radius: 999px; font-weight: 700; letter-spacing: .12em;
  background-color: var(--btn-accented-bgcolor); color: var(--btn-accented-color, #3b2a1f); box-shadow: none;   /* same accent as the save buttons */
}
body.woocommerce-account .jdsl-phone .button:hover { background-color: var(--btn-accented-bgcolor-hover, var(--btn-accented-bgcolor)); }
@media (min-width: 768px) {
  body.woocommerce-account .jdsl-phone .button { width: auto; padding-inline: 32px; }
}
