/* My Account -- Customer Account Templates. Three thin wrapper/nav/
   dashboard files are real overrides (my-account.php, navigation.php,
   dashboard.php); everything else (orders, view-order, login/register,
   edit-account, edit-address forms) is left 100% native WooCommerce and
   restyled here via descendant selectors only, targeting real class
   names read directly from the plugin own templates -- not renamed,
   not duplicated. Login/logout/password-reset/nonce handling is
   therefore untouched by this file. */

.ecl-account__content { padding-block: 32px 56px; max-width: var(--ecl-container-width); margin-inline: auto; padding-inline: 32px; }

/* Nav */
.ecl-account__nav { margin-bottom: 32px; }
.ecl-account__nav-list { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 4px; background: var(--ecl-tint-navy); border-radius: 999px; max-width: max-content; }
.ecl-account__nav-item a { display: block; height: 36px; line-height: 36px; padding: 0 18px; border-radius: 999px; font-family: var(--ecl-font-primary); font-size: 13px; font-weight: 700; color: var(--ecl-body-gray); }
.ecl-account__nav-item.is-active a { background: var(--ecl-navy); color: #fff; }
.ecl-account__nav-item.is-active a:hover { color: #fff; }

/* Dashboard */
.ecl-account__welcome-text { font-size: var(--ecl-body-size); color: var(--ecl-body-gray); margin: 0 0 24px; }
.ecl-account__quick-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ecl-account__quick-action { display: block; padding: 20px; border: 1px solid var(--ecl-hairline); border-radius: 14px; background: #fff; }
.ecl-account__quick-action-title { display: block; font-family: var(--ecl-font-primary); font-weight: 700; color: var(--ecl-ink); margin-bottom: 6px; }
.ecl-account__quick-action-desc { display: block; font-size: 12.5px; color: var(--ecl-meta-gray); }

/* Native orders table */
.woocommerce-orders-table { width: 100%; border-collapse: collapse; }
.woocommerce-orders-table__header { text-align: left; font-family: var(--ecl-font-primary); font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ecl-meta-gray); padding: 12px; border-bottom: 1px solid var(--ecl-hairline); }
.woocommerce-orders-table__cell { padding: 14px 12px; border-bottom: 1px solid var(--ecl-hairline); font-size: 13.5px; }
.woocommerce-orders-table__cell-order-number a { font-family: var(--ecl-font-primary); font-weight: 700; color: var(--ecl-navy); }

/* Order status badges -- real per-row status classes WooCommerce already adds, no PHP needed */
.woocommerce-orders-table__cell-order-status { position: relative; }
.woocommerce-orders-table__row td.woocommerce-orders-table__cell-order-status::before {
  content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 999px; margin-right: 6px; background: var(--ecl-meta-gray);
}
.woocommerce-orders-table__row--status-completed td.woocommerce-orders-table__cell-order-status::before { background: #1E9E5A; }
.woocommerce-orders-table__row--status-processing td.woocommerce-orders-table__cell-order-status::before { background: var(--ecl-navy); }
.woocommerce-orders-table__row--status-on-hold td.woocommerce-orders-table__cell-order-status::before,
.woocommerce-orders-table__row--status-pending td.woocommerce-orders-table__cell-order-status::before { background: #C98A1A; }
.woocommerce-orders-table__row--status-cancelled td.woocommerce-orders-table__cell-order-status::before,
.woocommerce-orders-table__row--status-failed td.woocommerce-orders-table__cell-order-status::before,
.woocommerce-orders-table__row--status-refunded td.woocommerce-orders-table__cell-order-status::before { background: var(--ecl-sale-red); }

.woocommerce-orders-table__cell-order-actions .button,
.woocommerce-orders-table__cell-order-actions .woocommerce-button {
  display: inline-block; height: 32px; line-height: 32px; padding: 0 14px; border-radius: 999px; background: var(--ecl-navy); color: #fff; font-family: var(--ecl-font-primary); font-size: 12px; font-weight: 700; text-decoration: none;
}
.woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-orders-table__cell-order-actions .woocommerce-button:hover {
  color: #fff; background: var(--ecl-navy-deep);
}

.woocommerce-pagination .button,
.woocommerce-pagination .woocommerce-button { border-radius: 999px; }

/* Order detail (view-order.php) */
.woocommerce-order-details, .woocommerce-customer-details { margin-top: 24px; }
.woocommerce-order-details__title, .woocommerce-column__title { font-family: var(--ecl-font-primary); color: var(--ecl-ink); }
mark.order-number, mark.order-date, mark.order-status { background: none; font-family: var(--ecl-font-primary); font-weight: 700; color: var(--ecl-navy); }
.woocommerce-OrderUpdates { list-style: none; margin: 0; padding: 0; }
.woocommerce-OrderUpdate-inner { border: 1px solid var(--ecl-hairline); border-radius: 10px; padding: 14px; margin-bottom: 10px; }
.woocommerce-OrderUpdate-meta { font-size: 12px; color: var(--ecl-meta-gray); margin: 0 0 6px; }

/* Login / register / edit-account / edit-address native forms */
.woocommerce-form-login, .woocommerce-form-register, .woocommerce-EditAccountForm, .woocommerce-address-fields { max-width: 480px; }
.woocommerce-form-row label { display: block; font-family: var(--ecl-font-secondary); font-size: 12.5px; color: var(--ecl-meta-gray); margin-bottom: 6px; }
.woocommerce-Input {
  width: 100%; height: 44px; padding: 0 14px; border: 1px solid var(--ecl-border-gray); border-radius: 8px; font-family: var(--ecl-font-secondary); font-size: 13.5px; box-sizing: border-box;
}
select.woocommerce-Input, select.address-field { height: 44px; }
.woocommerce-button, .woocommerce-Button, .woocommerce-form-login__submit, .woocommerce-form-register__submit {
  height: 44px; padding: 0 24px; border: none; border-radius: 999px; background: var(--ecl-navy); color: #fff; font-family: var(--ecl-font-primary); font-size: 13.5px; font-weight: 700; cursor: pointer;
}
.woocommerce-LostPassword a { color: var(--ecl-navy); font-size: 12.5px; }

@media (max-width: 900px) {
  .ecl-account__content { padding-inline: 16px; }
  .ecl-account__nav-list { max-width: none; overflow-x: auto; flex-wrap: nowrap; }
  .ecl-account__quick-actions { grid-template-columns: 1fr; }
  .u-columns.col2-set { display: block; }
}