/**
 * JWR Payment Gateway - Payment Form Styles
 * 卡输入框样式已移至 iframe 内部（common.js createCardIframe），此处仅保留 iframe 容器样式
 */

/* iframe 容器 */
#wc-card-iframe-container {
    width: 100%;
    min-height: 80px;
}

/* ========================================
   SVG 隔离 — 防止主题全局 svg {} 污染
   主题常见: svg { width:initial; height:initial; fill:currentColor; }
   ======================================== */

/* 跳转类支付品牌图标 */
.klarna-gateway-icon svg,
.tabby-gateway-icon svg {
    width: 38px !important;
    height: 24px !important;
    fill: none !important;
}

/* Afterpay Logo path 无 fill，不能用 fill:none */
.afterpay-gateway-icon svg {
    width: 38px !important;
    height: 24px !important;
}

/* PayPal 比例不同，单独设 */
.paypal-gateway-icon svg {
    width: auto !important;
    height: 18px !important;
    fill: none !important;
}

/* Safe & secure 锁图标（纯 stroke 设计） */
#payment #wc-secure-badge svg.wc-gateway-lock-svg,
.wc-payment-form #wc-secure-badge svg.wc-gateway-lock-svg,
.wc-credit-card-form .lock-icon svg {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    fill: none !important;
    flex-shrink: 0;
    display: block;
}

#payment #wc-secure-badge svg.wc-gateway-lock-svg path,
#payment #wc-secure-badge svg.wc-gateway-lock-svg rect,
.wc-credit-card-form .lock-icon svg path {
    fill: none !important;
}

.wc-credit-card-form .lock-icon svg {
    stroke: currentColor;
    stroke-width: 1.5;
}

.wc-credit-card-form .lock-icon {
    width: 16px !important;
    height: 16px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

/* 信用卡网关图标 — 补 fill 防护（尺寸仍由 wp_head 动态控制） */
.credit-card-gateway-icons svg,
.ccg-brands svg,
.ccg-brands-tooltip .ccg-brand-icon svg {
    fill: unset !important;
    width: auto !important;
}

/* 卡表单下方品牌图标行 */
#wc-card-brands svg {
    width: 45px !important;
    height: 45px !important;
    fill: unset !important;
}

/* 卡校验错误警告图标 */
#paymentError1 svg,
#paymentError2 svg {
    width: 16px !important;
    height: 16px !important;
    fill: none !important;
}

#paymentError1 svg path,
#paymentError2 svg path {
    fill: none !important;
}

/* ========================================
   支付方式标题行 — 防止主题 flex-direction:column 把图标挤换行
   ======================================== */
#payment li.wc_payment_method > label,
#payment li.payment_method > label {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px;
}

#payment li.wc_payment_method > label.c-cart__payment-methods-title {
    flex-direction: row !important;
}

#payment .klarna-gateway-icon,
#payment .afterpay-gateway-icon,
#payment .tabby-gateway-icon,
#payment .paypal-gateway-icon,
#payment .credit-card-gateway-icons,
#payment .ccg-brands {
    margin-left: 0 !important;
    flex-shrink: 0;
}