/* ============================================
   Dakzhou Theme - Order received (Thank you page)
   /checkout/order-received/ 下单成功页
   依赖 css/variables.css 中的设计变量
   ============================================ */

/* ===== 页面容器 ===== */
.woocommerce-order.dz-thanks{
  max-width:1120px;
  margin:0 auto;
  padding:8px 0 24px;
  color:var(--ink-2);
}

/* ===== 通用按钮（与全站 .btn 视觉一致）===== */
.dz-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 28px;border-radius:var(--radius-pill);
  font-weight:600;font-size:.94rem;line-height:1;letter-spacing:.1px;
  text-decoration:none;border:1.5px solid transparent;cursor:pointer;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),color .2s var(--ease);
}
.dz-btn--primary{background:var(--emerald);color:#fff;box-shadow:0 6px 18px rgba(4,120,87,.22);}
.dz-btn--primary:hover{background:var(--emerald-deep);color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(4,120,87,.3);}
.dz-btn--ghost{background:#fff;color:var(--emerald);border-color:var(--emerald);}
.dz-btn--ghost:hover{background:var(--mint);color:var(--forest);transform:translateY(-1px);}

/* ============================================
   ① 成功横幅
   ============================================ */
.dz-thanks__hero{
  position:relative;
  overflow:hidden;
  text-align:center;
  padding:44px 32px 38px;
  border-radius:var(--radius-2xl);
  background:linear-gradient(135deg,var(--emerald-deep) 0%,var(--emerald) 52%,var(--emerald-2) 100%);
  color:#fff;
  box-shadow:0 18px 40px rgba(6,95,70,.22);
}
.dz-thanks__hero::after{
  content:"";
  position:absolute;inset:auto -80px -140px auto;
  width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,0) 68%);
  pointer-events:none;
}
.dz-thanks__hero.is-failed{
  background:linear-gradient(135deg,#b91c1c 0%,#dc2626 100%);
  box-shadow:0 18px 40px rgba(185,28,28,.22);
}
.dz-thanks__check,
.dz-thanks__hero-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:72px;height:72px;border-radius:50%;
  background:rgba(255,255,255,.16);
  border:2px solid rgba(255,255,255,.45);
  color:#fff;margin-bottom:18px;
  animation:dzThanksPop .5s var(--ease-out) both;
}
.dz-thanks__check svg,
.dz-thanks__hero-icon svg{width:36px;height:36px;}
@keyframes dzThanksPop{
  0%{transform:scale(.7);opacity:0;}
  60%{transform:scale(1.06);}
  100%{transform:scale(1);opacity:1;}
}
.dz-thanks__hero-title{
  margin:0 0 10px;
  font-size:var(--t-h2);
  line-height:1.2;
  font-weight:700;
  color:#fff;
}
.dz-thanks__hero-text{
  margin:0 auto;
  max-width:620px;
  font-size:var(--t-md);
  line-height:1.65;
  color:rgba(255,255,255,.92);
}
.dz-thanks__hero-text .woocommerce-notice,
.dz-thanks__hero-text p{
  margin:0;padding:0;border:0;background:none;color:inherit;font-size:inherit;
}
.dz-thanks__hero-text .woocommerce-notice::before{content:none;}
.dz-thanks__hero-mail{
  margin:14px 0 0;
  font-size:var(--t-sm);
  color:rgba(255,255,255,.85);
}
.dz-thanks__hero-mail strong{color:#fff;font-weight:600;}
.dz-thanks__hero-actions{
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px;
}
.dz-thanks__hero.is-failed .dz-btn--primary{background:#fff;color:#b91c1c;box-shadow:none;}
.dz-thanks__hero.is-failed .dz-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);}
.dz-thanks__hero.is-failed .dz-btn--ghost:hover{background:rgba(255,255,255,.12);}

/* ============================================
   ② 订单摘要条
   ============================================ */
.dz-thanks__meta{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:-28px 20px 0;
  position:relative;
  z-index:2;
}
.dz-thanks__meta-item{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:15px 18px;
  display:flex;flex-direction:column;gap:6px;
  min-width:0;
  box-shadow:var(--shadow-sm);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.dz-thanks__meta-item:hover{transform:translateY(-2px);box-shadow:var(--shadow);}
.dz-thanks__meta-label{
  font-size:var(--t-xs);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  color:var(--muted-2);
}
.dz-thanks__meta-value{
  font-size:var(--t-base);
  font-weight:600;
  color:var(--ink);
  line-height:1.35;
  word-break:break-word;
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.dz-thanks__copy{
  display:inline-flex;align-items:center;gap:4px;
  padding:3px 8px;border-radius:var(--radius-pill);
  border:1px solid var(--border-2);background:#fff;
  color:var(--muted);font-size:.7rem;font-weight:600;line-height:1;
  cursor:pointer;transition:all .18s var(--ease);
}
.dz-thanks__copy svg{width:12px;height:12px;}
.dz-thanks__copy:hover{border-color:var(--emerald);color:var(--emerald);}
.dz-thanks__copy.is-copied{border-color:var(--emerald);color:var(--emerald);background:var(--mint);}

/* 状态徽章 */
.dz-thanks__status{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 12px;border-radius:var(--radius-pill);
  font-size:var(--t-sm);font-weight:600;line-height:1.4;
  background:var(--bg-tint);color:var(--slate);
}
.dz-thanks__status::before{
  content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none;
}
.dz-thanks__status.is-processing{background:#fff7ed;color:#c2410c;}
.dz-thanks__status.is-completed{background:var(--mint);color:var(--emerald-deep);}
.dz-thanks__status.is-on-hold{background:#fefce8;color:#a16207;}
.dz-thanks__status.is-pending{background:var(--bg-tint);color:var(--slate);}
.dz-thanks__status.is-cancelled,
.dz-thanks__status.is-refunded,
.dz-thanks__status.is-failed{background:var(--error-bg);color:var(--error);}

/* ============================================
   ③ 详情 + 侧栏
   ============================================ */
.dz-thanks__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:24px;
  align-items:start;
  margin-top:24px;
}
.dz-thanks__main{min-width:0;}

/* --- 订单详情卡片（覆盖 WooCommerce 默认 order/order-details.php 输出）--- */
.dz-thanks .woocommerce-order-details{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
  padding:24px;
  margin:0;
}
.dz-thanks .woocommerce-order-details__title{
  margin:0 0 18px;
  font-size:var(--t-lg);
  line-height:1.3;
  font-weight:700;
  color:var(--forest);
  letter-spacing:0;
  padding-bottom:14px;
  border-bottom:1px solid var(--border);
}
.dz-thanks .woocommerce-table--order-details{
  width:100%;
  border-collapse:collapse;
  border:0;
  margin:0;
  font-size:var(--t-base);
}
.dz-thanks .woocommerce-table--order-details thead th{
  padding:0 0 10px;
  text-align:left;
  font-size:var(--t-xs);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  color:var(--muted-2);
  border-bottom:1px solid var(--border);
  background:none;
}
.dz-thanks .woocommerce-table--order-details thead th.product-total,
.dz-thanks .woocommerce-table--order-details tbody td.product-total,
.dz-thanks .woocommerce-table--order-details tfoot td{
  text-align:right;
}
.dz-thanks .woocommerce-table--order-details tbody td{
  padding:14px 0;
  border-bottom:1px solid var(--border);
  vertical-align:top;
  color:var(--ink-2);
}
.dz-thanks .woocommerce-table--order-details tbody tr:last-child td{border-bottom:1px solid var(--border);}
.dz-thanks .woocommerce-table--order-details .wc-item-meta{
  margin:6px 0 0;padding:0;list-style:none;
  font-size:var(--t-sm);color:var(--muted);
}
.dz-thanks .woocommerce-table--order-details .wc-item-meta li{margin:0;}
.dz-thanks .woocommerce-table--order-details .wc-item-meta-label{font-weight:600;color:var(--slate);}
.dz-thanks .woocommerce-table--order-details tfoot th,
.dz-thanks .woocommerce-table--order-details tfoot td{
  padding:10px 0;
  border:0;
  background:none;
  font-weight:600;
  color:var(--slate);
}
.dz-thanks .woocommerce-table--order-details tfoot tr:first-child th,
.dz-thanks .woocommerce-table--order-details tfoot tr:first-child td{
  padding-top:18px;
}
.dz-thanks .woocommerce-table--order-details tfoot tr:last-child th,
.dz-thanks .woocommerce-table--order-details tfoot tr:last-child td{
  border-top:1px solid var(--border);
  padding-top:14px;
  font-size:var(--t-md);
  font-weight:700;
  color:var(--ink);
}
.dz-thanks .woocommerce-table--order-details .order-actions-button{
  background:var(--emerald);color:#fff;border:0;
  padding:10px 18px;border-radius:var(--radius);font-size:.85rem;font-weight:600;
}
.dz-thanks .woocommerce-table--order-details .order-actions-button:hover{background:var(--emerald-deep);color:#fff;}

/* --- 账单 / 收货地址卡片 --- */
.dz-thanks .woocommerce-customer-details{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
  padding:24px;
  margin:24px 0 0;
}
.dz-thanks .woocommerce-columns--addresses{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin:0;
}
.dz-thanks .woocommerce-columns--addresses .woocommerce-column{width:auto;float:none;}
.dz-thanks .woocommerce-column__title{
  margin:0 0 12px;
  font-size:var(--t-md);
  font-weight:700;
  color:var(--forest);
  letter-spacing:0;
}
.dz-thanks .woocommerce-customer-details address{
  font-style:normal;
  font-size:var(--t-base);
  line-height:1.75;
  color:var(--ink-2);
  padding:0;
  border:0;
}
.dz-thanks .woocommerce-customer-details--phone,
.dz-thanks .woocommerce-customer-details--email{margin:6px 0 0;color:var(--muted);font-size:var(--t-sm);}

/* ============================================
   侧栏卡片
   ============================================ */
.dz-thanks__aside{
  display:flex;flex-direction:column;gap:20px;
  position:sticky;top:96px;
}
.dz-thanks__card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
  padding:22px;
}
.dz-thanks__card--soft{background:var(--bg-soft);box-shadow:none;}
.dz-thanks__card-title{
  margin:0 0 14px;
  font-size:var(--t-md);
  font-weight:700;
  color:var(--forest);
  letter-spacing:0;
}
.dz-thanks__card-text{
  margin:0 0 12px;
  font-size:var(--t-sm);
  line-height:1.6;
  color:var(--muted);
}
.dz-thanks__steps{
  list-style:none;margin:0;padding:0;
  counter-reset:dzStep;
  display:flex;flex-direction:column;gap:16px;
}
.dz-thanks__steps li{
  position:relative;
  padding-left:38px;
  counter-increment:dzStep;
}
.dz-thanks__steps li::before{
  content:counter(dzStep);
  position:absolute;left:0;top:1px;
  width:24px;height:24px;border-radius:50%;
  background:var(--mint);color:var(--emerald-deep);
  font-size:.76rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.dz-thanks__steps li:not(:last-child)::after{
  content:"";
  position:absolute;left:11.5px;top:28px;bottom:-14px;
  width:1px;background:var(--border-2);
}
.dz-thanks__step-title{display:block;font-size:var(--t-base);font-weight:600;color:var(--ink);}
.dz-thanks__step-text{display:block;margin-top:3px;font-size:var(--t-sm);line-height:1.55;color:var(--muted);}
.dz-thanks__contact{
  display:flex;align-items:center;gap:8px;
  margin-top:10px;
  font-size:var(--t-sm);font-weight:600;color:var(--emerald);
  text-decoration:none;word-break:break-word;
}
.dz-thanks__contact:hover{color:var(--emerald-deep);text-decoration:underline;}
.dz-thanks__contact svg{width:16px;height:16px;flex:none;}

/* ============================================
   ④ 底部操作
   ============================================ */
.dz-thanks__actions{
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;
  margin-top:32px;
  padding-top:8px;
}

/* ============================================
   ⑤ 支付网关说明（银行转账等，保留插件输出）
   ============================================ */
.dz-thanks__gateway{
  margin-top:24px;
  background:#fff;
  border:1px solid var(--border);
  border-left:4px solid var(--orange);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
  padding:22px 24px;
  font-size:var(--t-base);
  line-height:1.7;
  color:var(--ink-2);
}
.dz-thanks__gateway h2,
.dz-thanks__gateway h3{
  margin:0 0 10px;font-size:var(--t-md);color:var(--forest);letter-spacing:0;
}
.dz-thanks__gateway ul{margin:0 0 10px;padding-left:20px;}
.dz-thanks__gateway li{margin-bottom:6px;}
.dz-thanks__gateway:empty{display:none;}

/* ============================================
   响应式
   ============================================ */
@media (max-width:1024px){
  .dz-thanks__meta{grid-template-columns:repeat(3,minmax(0,1fr));margin:-24px 0 0;}
  .dz-thanks__grid{grid-template-columns:1fr;}
  .dz-thanks__aside{position:static;flex-direction:row;flex-wrap:wrap;}
  .dz-thanks__aside > .dz-thanks__card{flex:1 1 300px;}
}
@media (max-width:820px){
  .dz-thanks__meta{margin:-20px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .dz-thanks__hero{padding:36px 20px 30px;border-radius:var(--radius-xl);}
  .dz-thanks__hero-title{font-size:var(--t-xl);}
  .dz-thanks__check,.dz-thanks__hero-icon{width:60px;height:60px;}
  .dz-thanks__check svg,.dz-thanks__hero-icon svg{width:30px;height:30px;}
  .dz-thanks .woocommerce-order-details,
  .dz-thanks .woocommerce-customer-details,
  .dz-thanks__card,
  .dz-thanks__gateway{padding:18px;}
  .dz-thanks .woocommerce-columns--addresses{grid-template-columns:1fr;gap:20px;}
}
@media (max-width:560px){
  .dz-thanks__meta{grid-template-columns:1fr;gap:8px;}
  .dz-thanks__meta-item{flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 16px;}
  .dz-thanks__meta-value{text-align:right;justify-content:flex-end;}
  .dz-thanks__actions .dz-btn{width:100%;}
}

/* ============================================
   窄屏：订单明细表改为「堆叠卡片」布局
   （默认两列表格在 700px 以下会把商品名挤成一列一个字）
   ============================================ */
@media (max-width:700px){
  .dz-thanks .woocommerce-table--order-details{display:block;}
  .dz-thanks .woocommerce-table--order-details thead{display:none;}
  .dz-thanks .woocommerce-table--order-details tbody,
  .dz-thanks .woocommerce-table--order-details tfoot{display:block;}
  .dz-thanks .woocommerce-table--order-details tbody tr{
    display:block;
    padding:14px 0;
    border-bottom:1px solid var(--border);
  }
  .dz-thanks .woocommerce-table--order-details tbody td{
    display:block;width:100%;border:0;padding:0;
    text-align:left !important;
  }
  .dz-thanks .woocommerce-table--order-details tbody td.product-total{
    margin-top:6px;
    font-weight:600;
    color:var(--ink);
  }
  .dz-thanks .woocommerce-table--order-details tbody tr:last-child{border-bottom:1px solid var(--border);}
  .dz-thanks .woocommerce-table--order-details tfoot tr{
    display:flex;flex-wrap:wrap;
    align-items:baseline;justify-content:space-between;
    gap:4px 16px;
    padding:8px 0;
  }
  .dz-thanks .woocommerce-table--order-details tfoot th,
  .dz-thanks .woocommerce-table--order-details tfoot td{
    display:block;width:auto;border:0;padding:0;
    text-align:left;
  }
  .dz-thanks .woocommerce-table--order-details tfoot td{
    text-align:right;
    min-width:0;
    overflow-wrap:anywhere;
  }
  .dz-thanks .woocommerce-table--order-details tfoot tr:last-child{
    border-top:1px solid var(--border);
    margin-top:6px;padding-top:12px;
  }
  .dz-thanks .woocommerce-table--order-details tfoot tr:first-child{padding-top:2px;}
}