/* =============================
   My Account（白底＋黑字）
   ============================= */

/* 色票 */
:root{
    --py-text:#111827;          /* 近黑 */
    --py-muted:#4b5563;         /* 次要文字 */
    --py-surface:#ffffff;       /* 卡片白 */
    --py-surface-2:#f9fafb;     /* 淡灰底 */
    --py-border:#e5e7eb;        /* 邊框灰 */
    --py-shadow:0 12px 30px rgba(17,24,39,.08);
    --py-inset:0 1px 0 rgba(255,255,255,.55) inset;
  
    /* 銅橘漸層（保留原本按鈕色系） */
    --py-copper-top:#ffcc80;
    --py-copper-mid:#ff9d3f;
    --py-copper-bot:#c56a12;
  }
  
  /* 版面基礎 */
  .woocommerce-account{
    color:var(--py-text);
  }
  .woocommerce-account .woocommerce{
    background:transparent;
  }
  
  /* -----------------------------
     左側導覽（白卡＋灰邊＋圓角）
     ----------------------------- */
  .woocommerce-account .woocommerce-MyAccount-navigation{
    padding-right:20px;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    list-style:none;margin:0;padding:0;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li{
    margin:8px 0;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li a{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 14px;border-radius:12px;
    background:var(--py-surface);
    color:var(--py-text);text-decoration:none;
    border:1px solid var(--py-border);
    transition:background .2s, border-color .2s, box-shadow .2s, transform .06s;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
    background:var(--py-surface-2);
    border-color:#d1d5db;
    box-shadow:var(--py-shadow);
    transform:translateY(-1px);
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
    border-color:var(--py-copper-mid);
    box-shadow:0 8px 18px rgba(197,106,18,.16);
  }
  
  /* -----------------------------
     右側內容與 HERO 卡片（白卡）
     ----------------------------- */
  .py-ma-hero{
    background:var(--py-surface);
    color:var(--py-text);
    border-radius:16px;
    border:1px solid var(--py-border);
    padding:22px 24px;
    margin:0 0 18px;
    box-shadow:var(--py-shadow);
  }
  .py-ma-hero h2{margin:.1em 0 .2em;font-weight:800;letter-spacing:.02em}
  .py-ma-hero p{margin:.25em 0 .9em;color:var(--py-muted)}
  
  .py-ma-quick{display:flex;gap:10px;flex-wrap:wrap}
  
  /* 銅橘漸層按鈕（與彈窗一致） */
  .pyml-btn--copper,
  .woocommerce-account .woocommerce .button{
    display:inline-block;
    padding:10px 16px;border-radius:999px;border:0;
    color:#1f2937;text-decoration:none;font-weight:700;
    background:linear-gradient(180deg,var(--py-copper-top) 0%,var(--py-copper-mid) 52%,var(--py-copper-bot) 100%);
    box-shadow:0 10px 24px rgba(197,106,18,.25);
    transition:filter .15s, transform .04s, box-shadow .2s;
  }
  .pyml-btn--copper:hover,
  .woocommerce-account .woocommerce .button:hover{
    filter:brightness(1.06);
    box-shadow:0 14px 32px rgba(197,106,18,.35);
  }
  .pyml-btn--copper:active,
  .woocommerce-account .woocommerce .button:active{
    transform:translateY(1px);
  }
  
  /* -----------------------------
     自訂分頁 / 一般內容卡片（白卡）
     ----------------------------- */
  .py-ma-section{
    background:var(--py-surface); color:var(--py-text);
    border-radius:16px; padding:18px 20px; margin:0 0 18px;
    border:1px solid var(--py-border); box-shadow:var(--py-shadow);
  }
  .py-ma-section h2{margin:.1em 0 .6em}
  
  /* -----------------------------
     WooCommerce 表格／表單調整
     ----------------------------- */
  .woocommerce-account table,
  .woocommerce-account .woocommerce form{
    background:var(--py-surface);
    color:var(--py-text);
    border-radius:12px;
    padding:12px 14px;
    border:1px solid var(--py-border);
    box-shadow:0 8px 24px rgba(17,24,39,.05);
  }
  .woocommerce-account table th,
  .woocommerce-account table td{
    border-color:var(--py-border);
  }
  .woocommerce-account .woocommerce form .form-row input.input-text,
  .woocommerce-account .woocommerce form .form-row select,
  .woocommerce-account .woocommerce form .form-row textarea{
    background:#fff;border:1px solid var(--py-border);color:var(--py-text);
    border-radius:10px;padding:.6rem .8rem;
  }
  .woocommerce-account .woocommerce form .form-row input.input-text:focus,
  .woocommerce-account .woocommerce form .form-row select:focus,
  .woocommerce-account .woocommerce form .form-row textarea:focus{
    outline:none;border-color:#d1d5db;box-shadow:0 0 0 3px rgba(59,130,246,.08);
  }
  
  /* 次要文字顏色微調 */
  .woocommerce-account .woocommerce p,
  .woocommerce-account .woocommerce small{
    color:var(--py-muted);
  }
  
  /* 讓頁面背景更清爽 */
  body.woocommerce-account{
    background:var(--py-surface-2);
  }
  
  /* 移除主題在左側導覽上方的使用者方塊可能留下的間距 */
.woocommerce-account .woocommerce-MyAccount-navigation { margin-top: 0; }