/* ============================================
   Dakzhou Theme - Footer
   页脚样式
   ============================================ */

/* ===== 页脚主体 ===== */
.site-footer{background:var(--forest);color:rgba(255,255,255,.8);padding:60px 0 0;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}
.footer-col h4{color:#fff;font-size:1rem;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px;}
.footer-col ul{list-style:none;padding:0;margin:0;}
.footer-col li{margin-bottom:10px;}
.footer-col a{color:rgba(255,255,255,.7);text-decoration:none;font-size:.9rem;transition:color .2s;}
.footer-col a:hover{color:var(--orange);}

/* 品牌介绍列 */
.footer-brand p{color:rgba(255,255,255,.6);font-size:.9rem;line-height:1.6;margin-bottom:16px;}
.footer-brand img{max-width:160px;margin-bottom:16px;}

/* ===== 页脚社媒图标 ===== */
.dz-social-footer{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px;margin-top:16px;}
.dz-social-footer a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);text-decoration:none;transition:all .2s;}
.dz-social-footer a:hover{background:rgba(255,255,255,.2);color:#fff;transform:translateY(-2px);}
.dz-social-footer svg{width:18px;height:18px;display:block;}

/* ===== 支付方式图标 =====
   素材：assets/payment-icons/flat/*.svg（来源 aaronfagan/svg-credit-card-payment-icons,
   Apache-2.0），viewBox 统一 780×500（宽高比 1.56），与这里 56×36 的展示盒
   （1.556）几乎完全吻合，所以用 object-fit:contain 可保证「整张卡片完整显示、
   任何一边都不被裁」。
   ⚠ 历史坑：旧的 PNG 素材是 512×512 正方形画布 + 中间 500×318 的卡片图形，
   而 mastercard / jcb / maestro 三张的卡片图形本身在画布内就被裁平了
   （圆圈与字母上下被切），无论 CSS 怎么写都救不回来 —— 换素材才是根因修复。
   旧规则 `.footer-payments img{height:24px;opacity:.7}` 是早期 <img> 直接放在
   .footer-payments 下的写法，后来加了 .footer-payments-row 包裹层却没删，
   导致大号图标被压到 70% 不透明度、看起来发灰「显示异常」——已移除。 */
.footer-payments{border-top:1px solid rgba(255,255,255,.08);margin-top:36px;padding:26px 0 38px;display:flex;flex-direction:column;align-items:center;gap:16px;}
.footer-payments-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1;}
.footer-payments-row{display:flex !important;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;}
.footer-payments-row img{width:56px;height:36px;object-fit:contain;border-radius:5px;display:block;opacity:1;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s var(--ease),box-shadow .2s var(--ease);}
.footer-payments-row img:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.35);}
@media(max-width:600px){
  .footer-payments{gap:11px;margin-top:22px;}
  /* 限宽到「4 列」的宽度，让小屏自然折成 4+4 两行（而不是 7+1 这种孤行） */
  .footer-payments-row{max-width:280px;gap:8px;}
  .footer-payments-row img{width:52px;height:33px;border-radius:5px;}
}
@media(max-width:480px){
  .footer-payments{padding:20px 0 28px;gap:12px;}
}

/* ===== 页脚底部 ===== */
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-bottom p{color:rgba(255,255,255,.5);font-size:.8rem;margin:0;}
.footer-bottom-links{display:flex;gap:20px;}
.footer-bottom-links a{color:rgba(255,255,255,.5);font-size:.8rem;text-decoration:none;transition:color .2s;}
.footer-bottom-links a:hover{color:#fff;}

/* ===== 响应式 ===== */
@media (max-width:768px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .footer-bottom{flex-direction:column;text-align:center;}
}
@media (max-width:480px){
  .footer-grid{grid-template-columns:1fr;}
}