/* 基础重置与隔离 */
.classic-payment-form {
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* 强制重置所有子元素样式 */
.classic-payment-form * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    line-height: normal !important;
}

/* 表单行样式 */
.classic-payment-form .form-row {
    margin-bottom: 15px !important;
    padding: 0 !important;
    clear: none !important;
    float: none !important;
    width: auto !important;
}

/* 输入框样式 - 不受主题影响 */
.classic-payment-form input.input-text {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    color: #333 !important;
    background: #fff !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease !important;
}

/* 输入框焦点状态 */
.classic-payment-form input.input-text:focus {
    border-color: #666 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(102, 102, 102, 0.2) !important;
}

/* 错误状态 */
.classic-payment-form input.invalid {
    border-color: #dc3232 !important;
}

/* 有效状态 */
.classic-payment-form input.valid {
    border-color: #46b450 !important;
}

/* 错误提示 */
.classic-payment-error {
    display: block !important;
    margin-top: 5px !important;
    font-size: 0.875em !important;
    color: #dc3232 !important;
    font-weight: normal !important;
}

/* 标签样式 */
.classic-payment-form label {
    display: block !important;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 14px !important;
}

/* 必填标记 */
.classic-payment-form .required {
    color: #dc3232 !important;
}

/* 布局 - 左右分栏 */
.classic-payment-form .form-row-first {
    float: left !important;
    width: 48% !important;
    margin-right: 4% !important;
}

.classic-payment-form .form-row-last {
    float: left !important;
    width: 48% !important;
}

/* 清除浮动 */
.classic-payment-form .clear {
    clear: both !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 输入框带图标容器 */
.classic-payment-form .input-with-icon {
    position: relative !important;
}

.classic-payment-form .input-with-icon input {
    padding-right: 40px !important;
}

/* 图标样式 */
.classic-payment-form .field-icon {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 24px !important;
    height: 24px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* 信用卡图标 */
.classic-payment-form .card-icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMyMCIgdmlld0JveD0iMCAwIDUxMiAzMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJCYW5rIGNhcmQgaWNvbiI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImciIHgxPSIwIiB4Mj0iMSIgeTE9IjAiIHkyPSIxIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMTk3NmQyIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzQyYTVmNSIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3Qgcng9IjIwIiByeT0iMjAiIHdpZHRoPSI1MTIiIGhlaWdodD0iMzIwIiBmaWxsPSJ1cmwoI2cpIiAvPgogIDwhLS0gY2hpcCAtLT4KICA8cmVjdCB4PSI0MCIgeT0iNjQiIHdpZHRoPSI3MiIgaGVpZ2h0PSI1NiIgcng9IjYiIHJ5PSI2IiBmaWxsPSIjZjNmM2YzIiBvcGFjaXR5PSIwLjk1Ii8+CiAgPHJlY3QgeD0iNTAiIHk9Ijc0IiB3aWR0aD0iNTIiIGhlaWdodD0iMzYiIHJ4PSIzIiByeT0iMyIgZmlsbD0iI2QwZDBkMCIvPgogIDwhLS0gY2FyZCBudW1iZXIgbGluZXMgLS0+CiAgPHJlY3QgeD0iNDAiIHk9IjE1MCIgd2lkdGg9IjM2MCIgaGVpZ2h0PSIxOCIgcng9IjkiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOSIvPgogIDxyZWN0IHg9IjQwIiB5PSIxNzYiIHdpZHRoPSIyODAiIGhlaWdodD0iMTIiIHJ4PSI2IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjciLz4KICA8IS0tIGJyYW5kIHBsYWNlaG9sZGVyIC0tPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyMCwyMDApIj4KICAgIDxyZWN0IHg9Ii0xMiIgeT0iLTMwIiB3aWR0aD0iOTIiIGhlaWdodD0iNjAiIHJ4PSI4IiByeT0iOCIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iMC45Ii8+CiAgICA8dGV4dCB4PSIzNCIgeT0iNCIgZm9udC1mYW1pbHk9IkFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTgiIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IiMxOTc2ZDIiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGFsaWdubWVudC1iYXNlbGluZT0iY2VudHJhbCI+Q0FSRDwvdGV4dD4KICA8L2c+CiAgPCEtLSBzbWFsbCBkZXRhaWxzIC0tPgogIDxjaXJjbGUgY3g9IjQ2MCIgY3k9IjgwIiByPSI4IiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwLjI1Ii8+CiAgPGNpcmNsZSBjeD0iNDc4IiBjeT0iOTYiIHI9IjYiIGZpbGw9IiNmZmYiIG9wYWNpdHk9IjAuMiIvPgo8L3N2Zz4K") !important;
}

/* CVC图标 */
.classic-payment-form .cvc-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDQ0IDI2Ij4NCiAgPGcgaWQ9IlZpc2EiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02OTkgLTY1NikiPg0KICAgIDxyZWN0IGlkPSLnn6nlvaJfMzE4NCIgZGF0YS1uYW1lPSLnn6nlvaIgMzE4NCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjI2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2OTkgNjU2KSIgZmlsbD0ibm9uZSIvPg0KICAgIDxnIGlkPSLnu4RfMTk4NiIgZGF0YS1uYW1lPSLnu4QgMTk4NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI2Mi40MDggLTguMzc5KSI+DQogICAgICA8cGF0aCBpZD0i6Lev5b6EXzkyMCIgZGF0YS1uYW1lPSLot6/lvoQgOTIwIiBkPSJNOTcyLjg0OCw2NzMuOWwyLjI3Myw4LjIzM2gyLjQyNGwzLjkzNS05LjQ1OWgtMi41NzFsLTIuMzkyLDYuNS0xLjE0Ny01LjY2OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjk4NyAtMC4xMzEpIiBmaWxsPSIjMmMzNzk0Ii8+DQogICAgICA8cGF0aCBpZD0i6Lev5b6EXzkyMSIgZGF0YS1uYW1lPSLot6/lvoQgOTIxIiBkPSJNOTY4LjQwOCw2NzIuNjY4aDMuOWEuOTkuOTksMCwwLDEsMS4wNDkuNzA3Yy4xMjIuNjA3Ljc4MSwzLjkyOS43ODEsMy45MjlhOS45MTUsOS45MTUsMCwwLDAtMy4xNzEtMy4zNDJjLTEuODQ3LTEuMTU3LTIuNTYzLTEuMDc0LTIuNTYzLTEuMDc0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4xMjcpIiBmaWxsPSIjZjU5NjExIi8+DQogICAgICA8cGF0aCBpZD0i6Lev5b6EXzkyMiIgZGF0YS1uYW1lPSLot6/lvoQgOTIyIiBkPSJNOTg5LjAwNyw2NzIuNjcyaDIuNDdsLTEuNTQzLDkuNDU5aC0yLjQ1N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjUzNyAtMC4xMzEpIiBmaWxsPSIjMmMzNzk0Ii8+DQogICAgICA8cGF0aCBpZD0i6Lev5b6EXzkyMyIgZGF0YS1uYW1lPSLot6/lvoQgOTIzIiBkPSJNMTAwMS43NTMsNjcyLjg0MmwtLjI5NCwxLjk4NWE1LjMyMyw1LjMyMywwLDAsMC0yLjE0Ny0uNDM4Yy0xLjI1MywwLTEuNC44MjktMS4yNy45NzYuNDg4LDEuMDA4LDMuMzM1LDEuNDE0LDMuMzg0LDMuNjc2LDAsMi4yMjgtMi42MiwzLjE4OC00LjA4MywzLjE4OGE4LjQ1Myw4LjQ1MywwLDAsMS0yLjk0NC0uNjUxbC41LTIuMWE0LjYzNSw0LjYzNSwwLDAsMCwyLjIzMi44YzEuMDkzLDAsMS44MzgtLjU1MiwxLjgzOC0uOTYsMC0xLjE3Mi0zLjU3OS0xLjU5NC0zLjU3OS0zLjgwNiwwLTEuOTIsMi4xOC0zLjEyNCwzLjg1Ni0zLjEyNEE1LjYwNiw1LjYwNiwwLDAsMSwxMDAxLjc1Myw2NzIuODQyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExLjYzNSkiIGZpbGw9IiMyYzM3OTQiLz4NCiAgICAgIDxwYXRoIGlkPSLot6/lvoRfOTI0IiBkYXRhLW5hbWU9Iui3r+W+hCA5MjQiIGQ9Ik0xMDEzLjIsNjgyLjEzNGgyLjJsLTEuODIzLTkuNDU5aC0yLjIzMWExLjE0OCwxLjE0OCwwLDAsMC0uODg0LjU2MWwtMy43MDksOC45aDIuNTU0bC40ODUtMS4zMThoMy4xMzdabS0yLjY2Mi0zLjMzNSwxLjI3OS0zLjQ4LjcwNywzLjQ4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjE2NyAtMC4xMzMpIiBmaWxsPSIjMmMzNzk0Ii8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==") !important;
}

/* 支付方式logo样式 */
.payment_method_classic_payment label img {
    max-height: 24px !important;
    width: auto !important;
    display: inline-block !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
}

/* 描述和logo容器 */
.classic-payment-description {
    position: relative;
    padding-right: 200px; /* 为右侧logo预留空间 */
    margin-bottom: 20px; /* 与下方表单保持距离 */
}

/* 描述文字样式 */
.classic-payment-description p {
    margin: 0 !important;
    padding: 0 !important;
}

/* 右侧logo样式 */
.classic-payment-logo {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    max-height: 24px !important;
    width: auto !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.classic-payment-form .aipay-payments {
    padding: 0 !important;
    margin: 0 !important;
}

.classic-payment-form .aipay-payment-list {
    border: 0 #e5e7eb !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.classic-payment-form .aipay-payment-list input.aipay-pay-option {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.classic-payment-form .aipay-payment-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 14px !important;
    border-bottom: 1px solid #eef2f7 !important;
    background: #ffffff !important;
    cursor: pointer !important;
}

.classic-payment-form .aipay-payment-row.aipay-payment-card {
    border-bottom: 0 !important;
}

.classic-payment-form .aipay-payment-row:hover {
    background: #f9fafb !important;
}

.classic-payment-form .aipay-payment-row.is-selected {
    background: #f3f4f6 !important;
}

.classic-payment-form .aipay-payment-radio {
    width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
    border: 2px solid #cbd5e1 !important;
    position: relative !important;
    flex: 0 0 auto !important;
}

.classic-payment-form .aipay-payment-row.is-selected .aipay-payment-radio {
    border-color: #111827 !important;
}

.classic-payment-form .aipay-payment-row.is-selected .aipay-payment-radio:after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 8px !important;
    height: 8px !important;
    background: #111827 !important;
    border-radius: 999px !important;
    transform: translate(-50%, -50%) !important;
}

.classic-payment-form .aipay-payment-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    height: 36px !important;      /* 默认高度更显眼，等比缩放 */
    width: auto !important;
}

.classic-payment-form .aipay-payment-icon img {
    display: block !important;
    height: 36px !important;       /* 默认按高度控制，保持原始宽高比 */
    width: auto !important;
    object-fit: contain !important;
}

/* 钱包：更醒目，按高度 36px 等比显示（恢复默认倍率） */
.classic-payment-form .aipay-payment-row.aipay-payment-wallet .aipay-payment-icon {
    height: 36px !important;
}
.classic-payment-form .aipay-payment-row.aipay-payment-wallet .aipay-payment-icon img {
    height: 36px !important;
    width: auto !important;
}

/* 放大 Apple Pay / Google Pay 图标（等比不失真） */
.classic-payment-form .wallet-icon-APPLE_PAY,
.classic-payment-form .wallet-icon-GOOGLE_PAY {
    height: 48px !important;
}
.classic-payment-form .wallet-icon-APPLE_PAY img,
.classic-payment-form .wallet-icon-GOOGLE_PAY img {
    height: 48px !important;
    width: auto !important;
}

/* 信用卡：避免拉伸变形，按高度等比显示，不限制宽度 */
.classic-payment-form .aipay-payment-row.aipay-payment-card .aipay-payment-icon {
    height: 28px !important;
    width: auto !important;
}
.classic-payment-form .aipay-payment-row.aipay-payment-card .aipay-payment-icon img {
    height: 28px !important;
    width: auto !important;
    max-width: none !important;    /* 不限制宽度以防压缩 */
    object-fit: contain !important;
}

.classic-payment-form .aipay-payment-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
}

.classic-payment-form .aipay-payment-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #111827 !important;
}

.classic-payment-form .aipay-payment-subtitle {
    font-size: 12px !important;
    color: #6b7280 !important;
}

.classic-payment-form .aipay-card-panel {
    border-top: 1px solid #eef2f7 !important;
    border-bottom: 0 !important;
    padding: 14px 14px !important;
    background: #ffffff !important;
}

.classic-payment-form .aipay-card-panel .classic-payment-card-fields {
    padding: 0 !important;
}

.classic-payment-form .aipay-card-panel input.input-text {
    background: #f3f4f6 !important;
    border-color: #e5e7eb !important;
    border-radius: 8px !important;
}

li.wc_payment_method.payment_method_classic_payment > label,
li.wc_payment_method.payment_method_classic_payment > input.input-radio {
    display: none !important;
}

div.payment_box.payment_method_classic_payment {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: block !important;
}

.classic-payment-form .aipay-section-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #111827 !important;
}

.classic-payment-form .aipay-section-subtitle {
    font-size: 12px !important;
    color: #6b7280 !important;
}

.classic-payment-form .aipay-wallet-header .aipay-section-right {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.classic-payment-form .aipay-chevron {
    width: 10px !important;
    height: 10px !important;
    border-right: 2px solid #6b7280 !important;
    border-bottom: 2px solid #6b7280 !important;
    transform: rotate(45deg) !important;
    margin-top: -2px !important;
}

.classic-payment-form .aipay-wallet-section.is-open .aipay-chevron {
    transform: rotate(-135deg) !important;
    margin-top: 2px !important;
}

.classic-payment-form .classic-payment-card-fields {
    padding: 0 !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    .form-row-first,
    .form-row-last {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
    }
}