/* ============================================================
   Logged-in My Account dashboard — Callie.
   The static template (tai-khoan.html / tai-khoan.css) only designed
   login/register; this extends the same design language (thin var(--line)
   borders, 11.5px uppercase .16em labels, no-radius cards) to the
   Woo dashboard. Loaded after callie-css-tai-khoan; everything scoped
   under .acc-dash to avoid leaking.
   ============================================================ */

.acc-dash{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start;max-width:1080px;margin:0 auto}

/* ---- Navigation card ---- */
.acc-nav{border:1px solid var(--line);background:var(--white);padding:8px 0}
.acc-nav ul{list-style:none;margin:0;padding:0}
.acc-nav li{margin:0}
.acc-nav li+li{border-top:1px solid var(--line)}
.acc-nav a{display:block;padding:14px 22px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--muted);border-left:2px solid transparent;transition:color .25s,background .25s,border-color .25s}
.acc-nav a:hover{color:var(--ink);border-left-color:var(--line2)}
.acc-nav li.is-active a{background:var(--ink);color:var(--paper);border-left-color:var(--ink)}
.acc-nav li.customer-logout a{color:var(--ink2)}
.acc-nav li.customer-logout a:hover{color:var(--ink)}

/* ---- Content card ---- */
.acc-dash__content{border:1px solid var(--line);background:var(--white);padding:clamp(28px,3vw,44px);font-size:13.5px;color:var(--ink2);min-width:0}
.acc-dash__content>p{margin-bottom:16px}
.acc-dash__content p:last-child{margin-bottom:0}
.acc-dash__content a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2);transition:text-decoration-color .25s}
.acc-dash__content a:hover{text-decoration-color:var(--ink)}
.acc-dash__content mark{background:transparent;color:var(--ink);font-weight:500}
.acc-dash__content h2,.acc-dash__content h3{font-size:16px;font-weight:500;color:var(--ink);letter-spacing:.02em;margin:26px 0 14px}
.acc-dash__content h2:first-child,.acc-dash__content h3:first-child{margin-top:0}
.acc-dash__content fieldset{border:1px solid var(--line);padding:20px 18px 6px;margin:24px 0 16px}
.acc-dash__content legend{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--ink);padding:0 8px}

/* ---- Notices as thin bordered bars ---- */
.acc-dash .woocommerce-message,
.acc-dash .woocommerce-info,
.acc-dash .woocommerce-error,
.acc-dash .woocommerce-error li{list-style:none}
.acc-dash .woocommerce-message,
.acc-dash .woocommerce-info,
.acc-dash .woocommerce-error{background:var(--greige3);border:1px solid var(--line);padding:14px 16px;font-size:13.5px;color:var(--ink);margin:0 0 20px}
.acc-dash .woocommerce-error{border-color:var(--line2)}
.acc-dash .woocommerce-message .button,
.acc-dash .woocommerce-info .button,
.acc-dash .woocommerce-error .button{float:right;margin:-3px 0 0 14px;padding:8px 14px}

/* ---- Tables (orders, downloads, order details) ---- */
.acc-dash__content table{width:100%;border-collapse:collapse;border:1px solid var(--line);font-size:13.5px;margin-bottom:20px}
.acc-dash__content th,
.acc-dash__content td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:middle}
.acc-dash__content thead th{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--ink);background:var(--greige3)}
.acc-dash__content td a{text-decoration:none}
.acc-dash__content td .woocommerce-button+.woocommerce-button{margin-left:8px}

/* ---- Buttons (view order, pay, save, again…) — .form-submit look ---- */
.acc-dash .button,
.acc-dash .woocommerce-button,
.acc-dash button[type=submit]{display:inline-block;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:0;font-family:var(--f);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;line-height:1.2;padding:12px 22px;cursor:pointer;text-decoration:none;transition:.3s}
.acc-dash .button:hover,
.acc-dash .woocommerce-button:hover,
.acc-dash button[type=submit]:hover{background:var(--ink2);border-color:var(--ink2);color:var(--paper);text-decoration:none}
.acc-dash .woocommerce-button--cancel{background:transparent;color:var(--ink)}
.acc-dash .woocommerce-button--cancel:hover{background:var(--ink);color:var(--paper)}

/* ---- Forms inside the content card (edit account / addresses) ---- */
.acc-dash__content .form-row,
.acc-dash__content .woocommerce-form-row{margin:0 0 16px;padding:0}
.acc-dash__content form label{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.acc-dash__content .woocommerce-input-wrapper{display:block;width:100%}
.acc-dash__content input[type=text],
.acc-dash__content input[type=email],
.acc-dash__content input[type=password],
.acc-dash__content input[type=tel],
.acc-dash__content input[type=number],
.acc-dash__content select,
.acc-dash__content textarea{width:100%;border:1px solid var(--line2);background:var(--paper);font-family:var(--f);font-size:14px;color:var(--ink);padding:13px 14px;border-radius:3px;transition:border-color .25s}
.acc-dash__content input:focus,
.acc-dash__content select:focus,
.acc-dash__content textarea:focus{outline:none;border-color:var(--ink)}
.acc-dash__content .password-input{display:block;width:100%;position:relative}
.acc-dash__content .show-password-input{position:absolute;top:50%;right:14px;transform:translateY(-50%)}
.acc-dash__content .form-row-first,
.acc-dash__content .form-row-last{width:100%}
.acc-dash__content em,
.acc-dash__content .woocommerce-form-row em{font-size:12px;color:var(--muted);font-style:normal}
.acc-dash__content .required{color:var(--ink);text-decoration:none}

/* Two-column name rows on wide screens */
@media(min-width:761px){
  .acc-dash__content form .form-row-first,
  .acc-dash__content form .form-row-last{width:calc(50% - 8px);float:left}
  .acc-dash__content form .form-row-last{float:right}
  .acc-dash__content form .clear{clear:both}
}

/* ---- Addresses (edit-address overview) ---- */
.acc-dash__content .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}
.acc-dash__content .woocommerce-Addresses .woocommerce-Address{width:100%;max-width:none;border:1px solid var(--line);padding:22px}
.acc-dash__content .woocommerce-Address-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}
.acc-dash__content .woocommerce-Address-title h2,
.acc-dash__content .woocommerce-Address-title h3{margin:0;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.acc-dash__content .woocommerce-Address-title .edit{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;text-decoration:none;color:var(--muted)}
.acc-dash__content .woocommerce-Address-title .edit:hover{color:var(--ink)}
.acc-dash__content .woocommerce-Address address{font-style:normal;font-size:13.5px;line-height:1.8;color:var(--ink2)}

/* ---- Order details extras ---- */
.acc-dash__content .woocommerce-customer-details address{font-style:normal;border:1px solid var(--line);padding:18px 20px;line-height:1.8}
.acc-dash__content .order-again{margin:20px 0 0}

/* ---- Pagination ---- */
.acc-dash__content .woocommerce-pagination{display:flex;gap:10px;margin-top:6px}

/* ---- Responsive ---- */
@media(max-width:900px){
  .acc-dash{grid-template-columns:220px 1fr;gap:22px}
}
@media(max-width:760px){
  .acc-dash{grid-template-columns:1fr}
  .acc-nav a{padding:12px 18px}
  .acc-dash__content .woocommerce-Addresses{grid-template-columns:1fr}
  .acc-dash__content table{display:block;overflow-x:auto;border:0}
  .acc-dash__content table thead,.acc-dash__content table tbody{display:table;width:100%;border:1px solid var(--line)}
}

/* Lost/reset password — single centered card */
.acc-grid--single { grid-template-columns: minmax(0, 560px); justify-content: center; }
.acc-grid--single .acc-card h2 { margin-bottom: 18px; }
.acc-alt { margin-top: 16px; font-size: 13px; }
.acc-alt a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.woocommerce-ResetPassword .field { margin-bottom: 18px; }