/* =====================================
 * Crypto QR Pay – Checkout UI FIX
 * 解决 select 被遮挡 / 无法点击
 * ===================================== */

/* ---------- WooCommerce 父级解锁 ---------- */

.woocommerce-checkout,
.woocommerce-checkout-review-order,
.woocommerce-checkout-review-order-table,
.wc_payment_methods,
.wc_payment_method,
.payment_box {
  overflow: visible !important;
  transform: none !important;
  position: static !important;
}

/* 防止主题包裹裁剪 */
.container,
.row,
.col,
[class*="container"],
[class*="row"],
[class*="col"] {
  overflow: visible !important;
}

/* ---------- 支付方式容器 ---------- */

#cryptoqr_checkout {
  display: block;
  width: 100%;
  margin-top: 15px;
  padding: 12px;
  background: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  box-sizing: border-box;
}

/* ---------- 选择区（关键） ---------- */

#cryptoqr_select_zone {
  display: block;
  position: relative;
  z-index: 1000;
}

/* label */

#cryptoqr_select_zone label {
  display: block;
  font-weight: 600;
  margin: 10px 0 4px;
}

/* select 强制正常渲染 */

#cryptoqr_select_zone select {
  display: block !important;
  width: 100% !important;
  min-height: 42px;
  padding: 6px 10px;
  font-size: 14px;
  background: #fff !important;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 4px;
  appearance: auto !important;
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  position: relative !important;
  z-index: 9999 !important;
}

/* ---------- 按钮 ---------- */

#cryptoqr_generate,
#cryptoqr_paid_btn,
#cryptoqr_manual_submit,
#cryptoqr_support_btn {
  display: block;
  width: 100%;
  margin-top: 12px;
  min-height: 42px;
  font-size: 15px;
  cursor: pointer;
}

/* ---------- 支付区 ---------- */

#cryptoqr_pay_zone {
  display: block;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px dashed #ddd;
}

/* 金额 */

#cryptoqr_unique_amount {
  font-size: 16px;
  font-weight: bold;
  color: #111;
  margin-bottom: 10px;
}

/* QR */

#cryptoqr_qr_area {
  text-align: center;
  margin: 15px 0;
}

#cryptoqr_qr_area img {
  max-width: 260px;
  width: 100%;
  height: auto;
}

/* 状态文字 */

#cryptoqr_status {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.5;
}

/* ---------- 手动 hash ---------- */

#cryptoqr_manual_tx {
  width: 100%;
  padding: 8px 10px;
  font-size: 14px;
  box-sizing: border-box;
}

/* ---------- 移动端修复 ---------- */

@media (max-width: 768px) {
  #cryptoqr_checkout {
    padding: 10px;
  }

  #cryptoqr_qr_area img {
    max-width: 220px;
  }
}
/* CryptoQR modal */
.cryptoqr-modal-overlay {
    position: fixed;
    left:0; right:0; top:0; bottom:0;
    background: rgba(0,0,0,0.45);
    z-index: 99999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.cryptoqr-modal {
    width: 420px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3);
    overflow:hidden;
}
.cryptoqr-modal-header {
    padding:12px 16px;
    border-bottom:1px solid #eee;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.cryptoqr-modal-body { padding:16px; }
.cryptoqr-modal-footer { padding:12px 16px; border-top:1px solid #eee; text-align:right; }
.cryptoqr-close { background:none;border:0;font-size:20px;cursor:pointer; }