/*
 * חלק בקוד: theme/assets/css/account.css
 * האזור האישי (WooCommerce My Account) בפריסת דשבורד כמו באתר של קלוד: פס כהה עליון, sidebar בכרטיס,
 * כרטיסי סטטיסטיקה, טבלת תיקים. הרכיבים הפנימיים (thread, docs, timeline) מגיעים מהתוסף.
 */

.ls-account { padding-block: var(--ls-space-8) var(--ls-space-12); }
.ls-account__topbar { display: flex; justify-content: space-between; align-items: center; gap: var(--ls-space-4); margin-block-end: var(--ls-space-6); flex-wrap: wrap; }
.ls-account__greeting { font-family: var(--ls-font-display); font-size: var(--ls-fs-h2); margin: 0; }
.ls-account__greeting small { display: block; font-family: var(--ls-font-body); font-size: 15px; color: var(--ls-color-muted); font-weight: 400; }
.ls-account__layout { display: grid; grid-template-columns: 1fr; gap: var(--ls-space-8); align-items: start; }
@media (min-width: 900px) { .ls-account__layout { grid-template-columns: 240px minmax(0, 1fr); } }

/* Sidebar nav */
.ls-account__sidebar { background: var(--ls-color-panel); border-radius: var(--ls-radius-ledger); border: 1px solid var(--ls-color-line-soft); box-shadow: var(--ls-shadow-ledger); padding: var(--ls-space-3); position: sticky; top: 96px; }
.woocommerce-MyAccount-navigation ul, .ls-account__nav { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.woocommerce-MyAccount-navigation li a, .ls-account__nav-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border-radius: 8px; color: var(--ls-color-ink); font-weight: 600; text-decoration: none; font-size: 15px; }
.woocommerce-MyAccount-navigation li a:hover { background: var(--ls-color-panel-2); color: var(--ls-color-gold-dark); }
.woocommerce-MyAccount-navigation li.is-active a { background: var(--ls-color-gold); color: var(--ls-color-panel); }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--ls-color-muted); margin-top: var(--ls-space-2); border-block-start: 1px solid var(--ls-color-line-soft); border-radius: 0; }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--ls-office-panel a { color: var(--ls-color-gold-dark); }
@media (max-width: 899px) {
    .ls-account__sidebar { position: static; }
    .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; gap: 6px; }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a { border: 0; margin: 0; }
}

/* Content */
.woocommerce-MyAccount-content, .ls-account__main { min-width: 0; }
.ls-account__heading { font-family: var(--ls-font-display); font-size: var(--ls-fs-h2); margin: 0 0 var(--ls-space-4); }
.ls-account__subheading { font-family: var(--ls-font-display); font-size: 20px; margin: var(--ls-space-8) 0 var(--ls-space-3); }
.ls-account__stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--ls-space-4); margin-block-end: var(--ls-space-6); }
@media (min-width: 700px) { .ls-account__stats { grid-template-columns: repeat(4, 1fr); } }
.ls-account__stat { background: var(--ls-color-panel); border-block-start: var(--ls-border-card-top); border-radius: var(--ls-radius-ledger); box-shadow: var(--ls-shadow-ledger); padding: var(--ls-space-4); text-decoration: none; color: inherit; display: block; }
.ls-account__stat-num { display: block; font-family: var(--ls-font-display); font-size: 30px; font-weight: 700; color: var(--ls-color-gold-dark); line-height: 1.1; }
.ls-account__stat-label { display: block; font-size: var(--ls-fs-small); color: var(--ls-color-muted); margin-top: 4px; }
.ls-account__empty { color: var(--ls-color-muted); background: var(--ls-color-panel-2); border-radius: var(--ls-radius-ledger); padding: var(--ls-space-6); text-align: center; }
.ls-account__empty a { font-weight: 700; }

/* Tables (orders, docs) */
.woocommerce-orders-table, .ls-account__orders, .ls-docs-table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--ls-color-panel); border-radius: var(--ls-radius-ledger); box-shadow: var(--ls-shadow-ledger); overflow: hidden; font-size: 15px; }
.woocommerce-orders-table th, .ls-account__orders th, .ls-docs-table th { text-align: start; font-size: 13px; color: var(--ls-color-muted); background: var(--ls-color-panel-2); padding: 10px 14px; border-block-end: 1px solid var(--ls-color-line); font-weight: 700; }
.woocommerce-orders-table td, .ls-account__orders td, .ls-docs-table td { padding: 12px 14px; border-block-end: 1px solid var(--ls-color-line-soft); vertical-align: middle; }
.woocommerce-orders-table tr:last-child td { border: 0; }
.woocommerce-orders-table tbody tr:hover td { background: var(--ls-color-bg); }
.woocommerce-orders-table .woocommerce-button, .ls-account__view-link { display: inline-block; padding: 6px 12px; border-radius: 8px; border: 1px solid var(--ls-color-line); background: var(--ls-color-panel); color: var(--ls-color-ink); font-size: 13px; font-weight: 600; text-decoration: none; }
.woocommerce-orders-table .woocommerce-button:hover, .ls-account__view-link:hover { border-color: var(--ls-color-gold); color: var(--ls-color-gold-dark); }
.woocommerce-orders-table .woocommerce-button.pay { background: var(--ls-color-gold); color: var(--ls-color-panel); border-color: var(--ls-color-gold); }
.woocommerce-orders-table__cell-order-number a { font-weight: 700; }
@media (max-width: 700px) {
    .woocommerce-orders-table thead { display: none; }
    .woocommerce-orders-table tr { display: block; padding: var(--ls-space-3); border-block-end: 1px solid var(--ls-color-line-soft); }
    .woocommerce-orders-table td { display: flex; justify-content: space-between; gap: 12px; border: 0; padding: 6px 0; }
    .woocommerce-orders-table td::before { content: attr(data-title); color: var(--ls-color-muted); font-size: 13px; }
}

/* View-order page: WC default blocks restyled */
.woocommerce-order-details, .woocommerce-customer-details { background: var(--ls-color-panel); border-radius: var(--ls-radius-ledger); box-shadow: var(--ls-shadow-ledger); padding: var(--ls-space-6); margin: 0 0 var(--ls-space-6); }
.woocommerce-order-details__title, .woocommerce-column__title { font-family: var(--ls-font-display); font-size: 20px; margin: 0 0 var(--ls-space-3); }
.woocommerce-table--order-details { width: 100%; border-collapse: collapse; }
.woocommerce-table--order-details th, .woocommerce-table--order-details td { padding: 8px 0; border-block-end: 1px solid var(--ls-color-line-soft); text-align: start; }
.woocommerce-table--order-details tfoot th { color: var(--ls-color-muted); font-weight: 600; }
.woocommerce-customer-details address { font-style: normal; }
.woocommerce-MyAccount-content > p:first-child { color: var(--ls-color-muted); }
.woocommerce-MyAccount-content mark { background: var(--ls-color-status-pending-bg); color: var(--ls-color-status-pending); padding: 0 4px; border-radius: 4px; font-weight: 700; }

/* Edit account form */
.woocommerce-EditAccountForm { background: var(--ls-color-panel); border-radius: var(--ls-radius-ledger); box-shadow: var(--ls-shadow-ledger); padding: var(--ls-space-6); max-width: 640px; }
.woocommerce-EditAccountForm fieldset { border: 1px solid var(--ls-color-line-soft); border-radius: var(--ls-radius-ledger); padding: var(--ls-space-4); margin: var(--ls-space-6) 0; }
.woocommerce-EditAccountForm legend { font-weight: 700; padding: 0 8px; }

/* Messages tab badge in nav */
.ls-has-badge a .ls-badge--count { margin-inline-start: auto; }