/* =============================================================================
   odr-wc-my-account-manager — 「我的帳號」原生頁面統一皮膚
   -----------------------------------------------------------------------------
   作用範圍：只在 WooCommerce 帳號頁載入（外掛以 is_account_page() 條件式 enqueue）。
   設計系統：沿用 my-license / downloads（odr-license-bridge）那套 --odr-* 變數，
             讓訂單 / 訂閱 / 地址 / 付款 / 帳戶詳細 5 頁跟既有兩頁同一視覺家族。

   刻意不做的事（維持一致、避免副作用）：
   1. 不改頁面底色、頁首頁尾、整體版型 → wrapper 透明，元件浮在主題原底色上。
   2. 不改左側導覽選單（所有帳號頁共用，動它會波及 license/downloads）。
   3. 按鈕/通知只 scope 在這 5 頁的專屬 class 下，不外溢到 license/downloads 自訂頁。

   手機版注意：
   EduMall（framework/class-enqueue.php）用
     add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );
   關掉了整包 WC 樣式，含 woocommerce-smallscreen.css。
   因此 shop_table_responsive 的 collapse 規則不會載入——本檔在
   @media (max-width: 768px) 自行補上卡片式表格，避免中文被擠成直排。
   ========================================================================== */

/* ---- 設計 token（定義在 account body 上，非 :root，符合站內慣例）---- */
body.woocommerce-account {
  --odr-ink: #1c1917;
  --odr-muted: #78716c;
  --odr-line: #e7e5e4;
  --odr-line-soft: #f5f5f4;
  --odr-surface: #ffffff;
  --odr-canvas: #fafaf9;
  --odr-accent: #b45309;
  --odr-accent-soft: #fff7ed;
  --odr-ok-bg: #f0fdf4;   --odr-ok-ink: #166534;
  --odr-warn-bg: #fffbeb; --odr-warn-ink: #b45309;
  --odr-err-bg: #fef2f2;  --odr-err-ink: #991b1b;
  --odr-radius: 14px;
  --odr-shadow: 0 1px 2px rgba(28,25,23,.04), 0 8px 24px -12px rgba(28,25,23,.12);
  --odr-ease: cubic-bezier(.16,1,.3,1);
}

/* =========================================================================
   共用：表格外觀（訂單 / 付款方式 / 訂閱）
   以各頁專屬 class 命中，不會套到 license/downloads 的自訂 UI。
   ========================================================================= */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-paymentMethods,
.woocommerce-account .my_account_subscriptions {
  border: 1px solid var(--odr-line) !important;
  border-radius: var(--odr-radius) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
  width: 100%;
  background: var(--odr-surface) !important;
  box-shadow: var(--odr-shadow);
  font-variant-numeric: tabular-nums;
}

.woocommerce-account .woocommerce-orders-table thead th,
.woocommerce-account .woocommerce-MyAccount-paymentMethods thead th,
.woocommerce-account .my_account_subscriptions thead th {
  background: var(--odr-canvas) !important;
  color: var(--odr-muted) !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: center;
  border: 0 !important;
  border-bottom: 1px solid var(--odr-line) !important;
}

.woocommerce-account .woocommerce-orders-table tbody td,
.woocommerce-account .woocommerce-orders-table tbody th,
.woocommerce-account .woocommerce-MyAccount-paymentMethods tbody td,
.woocommerce-account .my_account_subscriptions tbody td,
.woocommerce-account .my_account_subscriptions tbody th {
  border: 0 !important;
  border-bottom: 1px solid var(--odr-line-soft) !important;
  color: var(--odr-ink);
  vertical-align: middle;
  background: transparent !important;
}

.woocommerce-account .woocommerce-orders-table tbody tr:last-child td,
.woocommerce-account .woocommerce-orders-table tbody tr:last-child th,
.woocommerce-account .woocommerce-MyAccount-paymentMethods tbody tr:last-child td,
.woocommerce-account .my_account_subscriptions tbody tr:last-child td,
.woocommerce-account .my_account_subscriptions tbody tr:last-child th {
  border-bottom: 0 !important;
}

/* 桌機才套 cell padding / hover，避免蓋掉手機 collapse 版的排版 */
@media (min-width: 769px) {
  .woocommerce-account .woocommerce-orders-table thead th,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods thead th,
  .woocommerce-account .my_account_subscriptions thead th {
    padding: .9rem 1.1rem !important;
  }
  .woocommerce-account .woocommerce-orders-table tbody td,
  .woocommerce-account .woocommerce-orders-table tbody th,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods tbody td,
  .woocommerce-account .my_account_subscriptions tbody td,
  .woocommerce-account .my_account_subscriptions tbody th {
    padding: 1rem 1.1rem !important;
    text-align: center !important;
  }
  .woocommerce-account .woocommerce-orders-table tbody tr:hover td,
  .woocommerce-account .woocommerce-orders-table tbody tr:hover th,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods tbody tr:hover td,
  .woocommerce-account .my_account_subscriptions tbody tr:hover td {
    background: var(--odr-canvas) !important;
  }
}

/* 訂單編號 / 訂閱編號 粗體 */
.woocommerce-account .woocommerce-orders-table__cell-order-number a,
.woocommerce-account .my_account_subscriptions .subscription-id a {
  font-weight: 700;
  color: var(--odr-ink);
}

/* 金額：吃掉主題可能加的顏色（WP 主題常用 -webkit-text-fill-color）*/
.woocommerce-account .woocommerce-orders-table .woocommerce-Price-amount,
.woocommerce-account .my_account_subscriptions .woocommerce-Price-amount {
  font-weight: 700;
  color: var(--odr-ink) !important;
  -webkit-text-fill-color: var(--odr-ink) !important;
}

/* =========================================================================
   訂單 / 訂閱 狀態：用文字顏色表示（不用 td::before，避免破壞手機 collapse）
   ========================================================================= */
.woocommerce-account .woocommerce-orders-table__cell-order-status,
.woocommerce-account .my_account_subscriptions .subscription-status {
  font-weight: 600;
}
.woocommerce-account .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status,
.woocommerce-account .my_account_subscriptions .subscription-status.active {
  color: var(--odr-ok-ink);
}
.woocommerce-account .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status,
.woocommerce-account .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,
.woocommerce-account .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status,
.woocommerce-account .my_account_subscriptions .subscription-status.on-hold,
.woocommerce-account .my_account_subscriptions .subscription-status.pending {
  color: var(--odr-warn-ink);
}
.woocommerce-account .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
.woocommerce-account .woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status,
.woocommerce-account .my_account_subscriptions .subscription-status.cancelled,
.woocommerce-account .my_account_subscriptions .subscription-status.expired {
  color: var(--odr-err-ink);
}
.woocommerce-account .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status {
  color: var(--odr-muted);
}

/* =========================================================================
   按鈕：只 scope 在這 5 頁的專屬容器下（不做全域 .button，避免波及 license/downloads）
   ========================================================================= */
.woocommerce-account .woocommerce-orders-table a.button,
.woocommerce-account .my_account_subscriptions a.button,
.woocommerce-account .woocommerce-MyAccount-paymentMethods a.button,
.woocommerce-account .woocommerce-Address a.edit,
.woocommerce-account .woocommerce-orders-table .woocommerce-pagination a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .84rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  padding: .5rem .95rem !important;
  border-radius: 9px !important;
  border: 1px solid var(--odr-line) !important;
  background: var(--odr-surface) !important;
  color: var(--odr-ink) !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: border-color .18s var(--odr-ease), background .18s var(--odr-ease) !important;
}
.woocommerce-account .woocommerce-orders-table a.button:hover,
.woocommerce-account .my_account_subscriptions a.button:hover,
.woocommerce-account .woocommerce-MyAccount-paymentMethods a.button:hover,
.woocommerce-account .woocommerce-Address a.edit:hover,
.woocommerce-account .woocommerce-orders-table .woocommerce-pagination a.button:hover {
  border-color: #d6d3d1 !important;
  background: var(--odr-canvas) !important;
  color: var(--odr-ink) !important;
}
/* 刪除類動作用紅字提示 */
.woocommerce-account .woocommerce-MyAccount-paymentMethods a.button.delete {
  color: var(--odr-err-ink) !important;
  border-color: #f3d3d3 !important;
}
.woocommerce-account .woocommerce-MyAccount-paymentMethods a.button.delete:hover {
  background: var(--odr-err-bg) !important;
}

/* 主要動作（新增付款方式 / 儲存變更）= 實心深色 */
.woocommerce-account .woocommerce-edit-account button[type="submit"],
.woocommerce-account .woocommerce-EditAccountForm button[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content > a.button.add,
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-Button.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .88rem !important;
  font-weight: 600 !important;
  padding: .62rem 1.15rem !important;
  border-radius: 9px !important;
  border: 1px solid var(--odr-ink) !important;
  background: var(--odr-ink) !important;
  color: #fff !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: background .18s var(--odr-ease), border-color .18s var(--odr-ease) !important;
}
.woocommerce-account .woocommerce-edit-account button[type="submit"]:hover,
.woocommerce-account .woocommerce-EditAccountForm button[type="submit"]:hover,
.woocommerce-account .woocommerce-MyAccount-content > a.button.add:hover,
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-Button.button:hover {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

/* =========================================================================
   編輯地址：兩張地址卡
   ========================================================================= */
.woocommerce-account .woocommerce-Addresses {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
  width: auto !important;
  float: none !important;
}
/* EduMall 的 col2-set clearfix 偽元素會變成 grid item 佔走第一欄，關掉 */
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after {
  content: none !important;
  display: none !important;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
  width: auto !important;
  float: none !important;
  border: 1px solid var(--odr-line);
  border-radius: var(--odr-radius);
  padding: 1.35rem 1.5rem;
  background: var(--odr-surface);
  transition: border-color .2s var(--odr-ease), box-shadow .2s var(--odr-ease);
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address:hover {
  border-color: #dcd9d6;
  box-shadow: var(--odr-shadow);
}
.woocommerce-account .woocommerce-Address-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .8rem !important;
}
/* 標題實際是 header 內的 <h2>（EduMall），不是 .title 子元素 */
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  color: var(--odr-ink);
}
/* 「編輯 帳單地址」連結：蓋掉 EduMall 的 24px 圖示按鈕（font-size:0 + :before 鉛筆），恢復文字連結 */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a.edit {
  flex: 0 0 auto;
  width: auto !important;
  height: auto !important;
  white-space: nowrap;
  align-self: center;
  font-size: .82rem !important;
  font-weight: 500;
  margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a.edit::before {
  content: none !important;
}
.woocommerce-account .woocommerce-Address address {
  font-style: normal;
  font-size: .9rem;
  line-height: 1.7;
  color: #44403c;
  border: 0;
  padding: 0;
}

/* =========================================================================
   付款方式：預設列輕微強調
   ========================================================================= */
.woocommerce-account .woocommerce-MyAccount-paymentMethods tr.default-payment-method td {
  background: var(--odr-accent-soft) !important;
}

/* =========================================================================
   變更密碼 / 帳戶詳細：表單
   （EduMall 用 .row.form-row > .col-md-6 grid）
   ========================================================================= */
.woocommerce-account .woocommerce-EditAccountForm {
  max-width: 620px;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset {
  border: 0;
  margin: 1.75rem 0 0;
  padding: 0;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
  width: 100%;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--odr-muted);
  padding: 0 0 .9rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--odr-line);
}
.woocommerce-account .woocommerce-EditAccountForm label {
  font-size: .82rem;
  font-weight: 600;
  color: #44403c;
  margin-bottom: .4rem;
}
.woocommerce-account .woocommerce-EditAccountForm .required {
  color: var(--odr-accent);
  border: 0;
}
.woocommerce-account .woocommerce-EditAccountForm .input-text,
.woocommerce-account .woocommerce-EditAccountForm input[type="text"],
.woocommerce-account .woocommerce-EditAccountForm input[type="email"],
.woocommerce-account .woocommerce-EditAccountForm input[type="password"] {
  width: 100%;
  font-size: .92rem;
  color: var(--odr-ink);
  padding: .62rem .8rem !important;
  border: 1px solid var(--odr-line) !important;
  border-radius: 9px !important;
  background: var(--odr-surface) !important;
  box-shadow: none !important;
  transition: border-color .18s var(--odr-ease), box-shadow .18s var(--odr-ease);
}
.woocommerce-account .woocommerce-EditAccountForm .input-text:focus,
.woocommerce-account .woocommerce-EditAccountForm input:focus {
  outline: none;
  border-color: var(--odr-accent) !important;
  box-shadow: 0 0 0 3px rgba(180,83,9,.14) !important;
}
.woocommerce-account .woocommerce-EditAccountForm span em {
  color: var(--odr-muted);
  font-size: .76rem;
  font-style: normal;
}

/* =========================================================================
   通知 / 空狀態（訂閱空、付款訊息等）— 只 scope 在這 5 個 endpoint，避免波及 downloads
   ========================================================================= */
body.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-subscriptions .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-payment-methods .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-info {
  background: var(--odr-canvas) !important;
  border: 1px solid var(--odr-line) !important;
  border-left: 3px solid var(--odr-accent) !important;
  border-radius: var(--odr-radius) !important;
  color: #44403c !important;
  box-shadow: none !important;
}
body.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-error,
body.woocommerce-subscriptions .woocommerce-MyAccount-content .woocommerce-error,
body.woocommerce-payment-methods .woocommerce-MyAccount-content .woocommerce-error {
  background: var(--odr-err-bg) !important;
  border: 1px solid #f3d3d3 !important;
  border-left: 3px solid var(--odr-err-ink) !important;
  border-radius: var(--odr-radius) !important;
  color: var(--odr-err-ink) !important;
  box-shadow: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error::before {
  color: inherit !important;
}

/* =========================================================================
   頁面標題間距（各 endpoint 內容區塊頭部）
   ========================================================================= */
@media (min-width: 769px) {
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods,
  .woocommerce-account .woocommerce-MyAccount-content .my_account_subscriptions {
    margin-top: .5rem;
  }
}

/* =========================================================================
   手機版（≤768）：表格 → 卡片；地址 / 表單 / 按鈕防擠壓
   -----------------------------------------------------------------------------
   為什麼必須自己寫：
   EduMall 關掉 WC smallscreen CSS 後，shop_table_responsive 名存實亡，
   訂單表在窄螢幕仍是 5 欄，中文日期／狀態會被擠成一字一行。

   策略：隱藏 thead；每列 tr 變一張卡；每個 th/td 橫排（標籤左、值右）；
   動作按鈕拉滿寬。訂閱、付款方式同一套。訂單編號在 WC 9.x 是 tbody th，
   不能像 WC 原版那樣 display:none 掉 tbody th。
   ========================================================================= */
@media (max-width: 768px) {

  /* ---- 主題包一層 border 的 wrap：手機改交給每張卡自己畫 ---- */
  .woocommerce-account .woocommerce-orders-table-wrap {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  /* ---- 表格本體：脫掉桌機那張「大白卡」外殼，改由 tr 各自成卡 ---- */
  .woocommerce-account .woocommerce-orders-table,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods,
  .woocommerce-account .my_account_subscriptions {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .woocommerce-account .woocommerce-orders-table thead,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods thead,
  .woocommerce-account .my_account_subscriptions thead {
    display: none !important;
  }

  .woocommerce-account .woocommerce-orders-table tbody,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods tbody,
  .woocommerce-account .my_account_subscriptions tbody {
    display: block !important;
    width: 100% !important;
  }

  /* 每一筆訂單 / 訂閱 / 付款方式 = 一張卡 */
  .woocommerce-account .woocommerce-orders-table tbody tr,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods tbody tr,
  .woocommerce-account .my_account_subscriptions tbody tr {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 0 .85rem !important;
    padding: .1rem 0;
    border: 1px solid var(--odr-line) !important;
    border-radius: var(--odr-radius) !important;
    background: var(--odr-surface) !important;
    box-shadow: var(--odr-shadow);
    overflow: hidden;
  }

  .woocommerce-account .woocommerce-orders-table tbody tr:last-child,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods tbody tr:last-child,
  .woocommerce-account .my_account_subscriptions tbody tr:last-child {
    margin-bottom: 0 !important;
  }

  /* 付款方式：預設列整卡淡橘底（桌機是 td 底色，手機改 tr） */
  .woocommerce-account .woocommerce-MyAccount-paymentMethods tr.default-payment-method {
    background: var(--odr-accent-soft) !important;
  }
  .woocommerce-account .woocommerce-MyAccount-paymentMethods tr.default-payment-method td {
    background: transparent !important;
  }

  /* 每一格：左標籤、右內容；含 tbody th（訂單編號） */
  .woocommerce-account .woocommerce-orders-table tbody th,
  .woocommerce-account .woocommerce-orders-table tbody td,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods tbody td,
  .woocommerce-account .my_account_subscriptions tbody th,
  .woocommerce-account .my_account_subscriptions tbody td {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    padding: .72rem 1rem !important;
    margin: 0 !important;
    text-align: right !important;
    vertical-align: middle;
    border: 0 !important;
    border-bottom: 1px solid var(--odr-line-soft) !important;
    background: transparent !important;
    white-space: normal !important;
    word-break: keep-all;
    overflow-wrap: anywhere;
    float: none !important;
  }

  .woocommerce-account .woocommerce-orders-table tbody tr th:last-child,
  .woocommerce-account .woocommerce-orders-table tbody tr td:last-child,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods tbody tr td:last-child,
  .woocommerce-account .my_account_subscriptions tbody tr th:last-child,
  .woocommerce-account .my_account_subscriptions tbody tr td:last-child {
    border-bottom: 0 !important;
  }

  /* 標籤：吃 data-title（WC / 訂閱 template 都有寫） */
  .woocommerce-account .woocommerce-orders-table tbody th::before,
  .woocommerce-account .woocommerce-orders-table tbody td::before,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods tbody td::before,
  .woocommerce-account .my_account_subscriptions tbody th::before,
  .woocommerce-account .my_account_subscriptions tbody td::before {
    content: attr(data-title);
    flex: 0 1 auto;
    min-width: 4.2em;
    max-width: 40%;
    font-size: .72rem !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--odr-muted) !important;
    -webkit-text-fill-color: var(--odr-muted) !important;
    text-align: left !important;
    white-space: nowrap;
    line-height: 1.3;
  }

  /* 沒有 data-title 的格（例如訂閱的「動作」）不留空標籤 */
  .woocommerce-account .woocommerce-orders-table tbody th:not([data-title])::before,
  .woocommerce-account .woocommerce-orders-table tbody td:not([data-title])::before,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods tbody td:not([data-title])::before,
  .woocommerce-account .my_account_subscriptions tbody th:not([data-title])::before,
  .woocommerce-account .my_account_subscriptions tbody td:not([data-title])::before,
  .woocommerce-account .woocommerce-orders-table tbody th[data-title=""]::before,
  .woocommerce-account .woocommerce-orders-table tbody td[data-title=""]::before,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods tbody td[data-title=""]::before,
  .woocommerce-account .my_account_subscriptions tbody th[data-title=""]::before,
  .woocommerce-account .my_account_subscriptions tbody td[data-title=""]::before {
    content: none !important;
    display: none !important;
  }

  /* 右側值：日期、金額、狀態不要再被擠成直排 */
  .woocommerce-account .woocommerce-orders-table tbody time,
  .woocommerce-account .my_account_subscriptions tbody time,
  .woocommerce-account .woocommerce-orders-table .woocommerce-Price-amount,
  .woocommerce-account .my_account_subscriptions .woocommerce-Price-amount,
  .woocommerce-account .woocommerce-orders-table__cell-order-status,
  .woocommerce-account .my_account_subscriptions .subscription-status {
    white-space: nowrap;
  }

  .woocommerce-account .woocommerce-orders-table__cell-order-number a,
  .woocommerce-account .my_account_subscriptions .subscription-id a {
    white-space: nowrap;
  }

  /* 動作欄：按鈕拉滿，蓋掉 EduMall min-width:130px */
  .woocommerce-account .woocommerce-orders-table__cell-order-actions,
  .woocommerce-account .woocommerce-orders-table .order-actions,
  .woocommerce-account .my_account_subscriptions .subscription-actions,
  .woocommerce-account .my_account_subscriptions .order-actions,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods .payment-method-actions,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods .woocommerce-PaymentMethod--actions {
    flex-wrap: wrap;
    justify-content: stretch;
    gap: .5rem;
  }

  .woocommerce-account .woocommerce-orders-table a.button,
  .woocommerce-account .my_account_subscriptions a.button,
  .woocommerce-account .woocommerce-MyAccount-paymentMethods a.button,
  .woocommerce-account .woocommerce-orders-table .woocommerce-pagination a.button {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0 !important;
    height: auto !important;
    line-height: 1.2 !important;
    box-sizing: border-box;
  }

  /* 分頁列 */
  .woocommerce-account .woocommerce-pagination,
  .woocommerce-account .woocommerce-Pagination {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .75rem;
  }

  /* ---- 編輯地址：單欄卡片 ---- */
  .woocommerce-account .woocommerce-Addresses {
    grid-template-columns: 1fr !important;
    gap: .85rem;
  }
  .woocommerce-account .woocommerce-Addresses .woocommerce-Address {
    padding: 1.15rem 1.2rem;
  }
  .woocommerce-account .woocommerce-Address-title {
    flex-wrap: wrap;
    gap: .4rem .75rem;
  }
  .woocommerce-account .woocommerce-Address-title .edit {
    white-space: nowrap;
  }

  /* ---- 帳戶詳細 / 變更密碼：表單全寬、送出鈕不撐破 ---- */
  .woocommerce-account .woocommerce-EditAccountForm {
    max-width: none;
  }
  .woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
  .woocommerce-account .woocommerce-edit-account button[type="submit"],
  .woocommerce-account .woocommerce-EditAccountForm button[type="submit"],
  .woocommerce-account .woocommerce-MyAccount-content > a.button.add,
  .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-Button.button {
    min-width: 0 !important;
    width: 100%;
    box-sizing: border-box;
  }

  /* ---- 檢視訂單：明細表在極窄螢幕也改直向 ---- */
  .woocommerce-account .woocommerce-table--order-details,
  .woocommerce-account table.order_details {
    display: block;
    width: 100%;
    border: 1px solid var(--odr-line) !important;
    border-radius: var(--odr-radius) !important;
    border-collapse: separate !important;
    overflow: hidden;
    background: var(--odr-surface);
    box-shadow: var(--odr-shadow);
  }
  .woocommerce-account .woocommerce-table--order-details thead {
    display: none !important;
  }
  .woocommerce-account .woocommerce-table--order-details tbody,
  .woocommerce-account .woocommerce-table--order-details tfoot {
    display: block;
    width: 100%;
  }
  .woocommerce-account .woocommerce-table--order-details tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: .35rem .75rem;
    padding: .7rem 1rem;
    border-bottom: 1px solid var(--odr-line-soft);
    width: 100%;
    box-sizing: border-box;
  }
  .woocommerce-account .woocommerce-table--order-details tr:last-child {
    border-bottom: 0;
  }
  .woocommerce-account .woocommerce-table--order-details th,
  .woocommerce-account .woocommerce-table--order-details td {
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: left !important;
  }
  .woocommerce-account .woocommerce-table--order-details .product-total,
  .woocommerce-account .woocommerce-table--order-details .woocommerce-Price-amount {
    white-space: nowrap;
    text-align: right !important;
    margin-left: auto;
  }

}