/*
 * GSTORE_PRODUCT_PAYMENT_UI_V4_COMPACT_V2
 * GSTORE_PRODUCT_PAYMENT_DESKTOP_SPACING_V2
 * GSTORE_PAYMENT_DARK_MARK_SOFT_WALLET_VISUAL_V1
 * 商品详情页支付方式紧凑版
 * 暗黑模式下分组图标更柔和
 * 余额支付选中时不再灰掉其他支付方式
 * 手机端结构保持不变
 */

/* ===== 总标题 ===== */

.gstore-payment-main-title-v3{
    display:block;
    margin:0 0 7px;
    color:#172033;
    font-size:15px;
    font-weight:500;
    line-height:1.35;
}

/* ===== 最外层大胶囊 ===== */

.gstore-payment-shell-v3{
    display:grid;
    gap:15px;
    padding:9px;
    border:1px solid #d9e4ee;
    border-radius:16px;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
    box-shadow:0 8px 22px rgba(15,23,42,.04);
}

/* ===== 两个独立内胶囊 ===== */

.gstore-payment-group-v3{
    min-width:0;
    padding:12px;
    border:1px solid;
    border-radius:14px;
}

.gstore-payment-group-recommended-v3{
    border-color:#75c9ef;
    background:linear-gradient(135deg,#effaff 0%,#f8fdff 100%);
}

.gstore-payment-group-other-v3{
    border-color:#c2c8ec;
    background:linear-gradient(135deg,#f8f8ff 0%,#f3f5fc 100%);
}

/* ===== 分组标题 ===== */

.gstore-payment-group-head-v3{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    min-width:0;
    margin:0 0 10px;
}

.gstore-payment-group-mark-v3{
    width:22px;
    height:22px;
    flex:0 0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    background:#e2f1ff;
    color:#1677ff;
    font-size:12px;
    font-weight:800;
    line-height:1;
}

.gstore-payment-group-mark-other-v3{
    background:#eaedfd;
    color:#5966a8;
}

.gstore-payment-group-title-v3{
    min-width:0;
    color:#1d2738;
    font-size:13.5px;
    font-weight:500;
    line-height:1.25;
}

.gstore-payment-zero-fee-v3{
    display:inline-flex;
    min-height:22px;
    align-items:center;
    justify-content:center;
    padding:0 9px;
    border:1px solid rgba(34,197,94,.18);
    border-radius:999px;
    background:#e5f8e9;
    color:#159447;
    font-size:11px;
    font-weight:500;
    line-height:1;
    white-space:nowrap;
}

/* ===== 支付网格 ===== */

.gstore-payment-grid-v3{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    row-gap:18px !important;
    column-gap:20px !important;
    min-width:0 !important;
    margin:0 !important;
}

/* ===== 支付卡片 ===== */

.gstore-payment-shell-v3 .gstore-payment-card-v3{
    position:relative;
    display:flex !important;
    min-width:0 !important;
    min-height:44px !important;
    align-items:center !important;
    gap:7px !important;
    margin:0 !important;
    padding:5px 30px 5px 8px !important;
    border:1px solid #d8e0e8 !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.94) !important;
    color:#202938 !important;
    overflow:hidden !important;
    cursor:pointer;
    box-shadow:none !important;
    transition:
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

.gstore-payment-shell-v3 .gstore-payment-card-v3:hover{
    border-color:#9fc7ee !important;
    background:#fff !important;
}

/* 隐藏原单选框，整张卡片仍可点击 */

.gstore-payment-shell-v3 .gstore-payment-card-v3
input[type="radio"],
.gstore-payment-shell-v3 .gstore-payment-card-v3
input[type="checkbox"]{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:0 !important;
    padding:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* ===== 选中状态 ===== */

.gstore-payment-shell-v3 .gstore-payment-card-v3.selected,
.gstore-payment-shell-v3 .gstore-payment-card-v3:has(input:checked){
    border-color:#1677ff !important;
    background:linear-gradient(180deg,#f5f9ff 0%,#edf5ff 100%) !important;
    box-shadow:0 7px 16px rgba(22,119,255,.08) !important;
}

.gstore-payment-shell-v3 .gstore-payment-card-v3::after{
    content:"✓";
    position:absolute;
    right:8px;
    top:50%;
    width:17px;
    height:17px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#1677ff;
    color:#fff;
    font-size:11px;
    font-weight:900;
    opacity:0;
    transform:translateY(-50%) scale(.8);
    transition:
        opacity .16s ease,
        transform .16s ease;
}

.gstore-payment-shell-v3 .gstore-payment-card-v3.selected::after,
.gstore-payment-shell-v3 .gstore-payment-card-v3:has(input:checked)::after{
    opacity:1;
    transform:translateY(-50%) scale(1);
}

/* ===== 图标 ===== */

.gstore-payment-shell-v3 .pay-icon{
    width:28px !important;
    height:28px !important;
    flex:0 0 28px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
    box-shadow:0 4px 10px rgba(15,23,42,.09);
}

.gstore-payment-shell-v3 .pay-icon.trc20,
.gstore-payment-shell-v3 .pay-icon.bep20{
    position:relative;
    background:#14b878 !important;
    color:transparent !important;
    font-size:0 !important;
}

.gstore-payment-shell-v3 .pay-icon.trc20::before,
.gstore-payment-shell-v3 .pay-icon.bep20::before{
    content:"₮";
    color:#fff;
    font-size:19px;
    font-weight:900;
    line-height:1;
}

.gstore-payment-shell-v3 .pay-icon.trx{
    position:relative;
    background:#ef2436 !important;
    color:transparent !important;
    font-size:0 !important;
}

.gstore-payment-shell-v3 .pay-icon.trx::before{
    content:"△";
    color:#fff;
    font-size:19px;
    font-weight:500;
    line-height:1;
    transform:rotate(18deg);
}

.gstore-payment-shell-v3 .wallet-pay-icon-v2{
    position:relative;
    background:linear-gradient(135deg,#6866ff,#4f46e5) !important;
    color:transparent !important;
    font-size:0 !important;
}

.gstore-payment-shell-v3 .wallet-pay-icon-v2::before{
    content:"▰";
    color:#fff;
    font-size:16px;
    line-height:1;
}

/* ===== 文字区域 ===== */

.gstore-payment-copy-v3{
    display:flex !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:2px !important;
}

/*
 * 关键修复：
 * 清除旧 .pay-text 的单行省略规则。
 */

.gstore-payment-name-v3{
    display:block !important;
    min-width:0 !important;
    max-width:none !important;
    color:#202938 !important;
    font-size:12.6px !important;
    font-weight:500 !important;
    line-height:1.22 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
}

.gstore-payment-sub-v3{
    display:block;
    min-width:0;
    color:#7c8a9b;
    font-size:10px;
    font-weight:400;
    line-height:1.2;
    white-space:normal;
}

/* ===== 余额状态 ===== */
/* GSTORE_WALLET_VISUAL_EXCLUSIVE_SHELL_V2 */

.gstore-payment-shell-v3 .gstore-payment-card-v3:has(input:disabled){
    opacity:.5;
    cursor:not-allowed;
}

.gstore-payment-shell-v3.wallet-mode-v1
.gstore-payment-card-v3:not(.wallet-pay-item-v2){
    border-color:#d8e0e8 !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:none !important;
    opacity:1;
}

.gstore-payment-shell-v3.wallet-mode-v1
.gstore-payment-card-v3:not(.wallet-pay-item-v2)::after{
    opacity:0 !important;
}

.gstore-payment-shell-v3.wallet-mode-v1
.wallet-pay-item-v2{
    border-color:#1677ff !important;
    background:linear-gradient(180deg,#f5f9ff 0%,#edf5ff 100%) !important;
    opacity:1;
}

/* ===== 暗黑模式 ===== */

html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-main-title-v3,
html[data-theme="dark"] .gstore-payment-main-title-v3,
body.dark-mode .gstore-payment-main-title-v3{
    color:#e7edf5;
}

html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-shell-v3,
html[data-theme="dark"] .gstore-payment-shell-v3,
body.dark-mode .gstore-payment-shell-v3{
    border-color:#304154;
    background:linear-gradient(180deg,#111a24 0%,#0f1822 100%);
    box-shadow:0 10px 24px rgba(0,0,0,.2);
}

html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-group-recommended-v3,
html[data-theme="dark"] .gstore-payment-group-recommended-v3,
body.dark-mode .gstore-payment-group-recommended-v3{
    border-color:#315f80;
    background:linear-gradient(135deg,#102536 0%,#0e1f2e 100%);
}

html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-group-other-v3,
html[data-theme="dark"] .gstore-payment-group-other-v3,
body.dark-mode .gstore-payment-group-other-v3{
    border-color:#4b5375;
    background:linear-gradient(135deg,#191d2d 0%,#151a28 100%);
}

html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-group-title-v3,
html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-name-v3,
html[data-theme="dark"] .gstore-payment-group-title-v3,
html[data-theme="dark"] .gstore-payment-name-v3,
body.dark-mode .gstore-payment-group-title-v3,
body.dark-mode .gstore-payment-name-v3{
    color:#e5edf6 !important;
}

html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-group-mark-v3,
html[data-theme="dark"] .gstore-payment-group-mark-v3,
body.dark-mode .gstore-payment-group-mark-v3{
    background:rgba(59,130,246,.14);
    color:#8db7ff;
}

html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-group-mark-other-v3,
html[data-theme="dark"] .gstore-payment-group-mark-other-v3,
body.dark-mode .gstore-payment-group-mark-other-v3{
    background:rgba(148,163,184,.14);
    color:#b7c4d6;
}

html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-sub-v3,
html[data-theme="dark"] .gstore-payment-sub-v3,
body.dark-mode .gstore-payment-sub-v3{
    color:#91a3b7;
}

html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-zero-fee-v3,
html[data-theme="dark"] .gstore-payment-zero-fee-v3,
body.dark-mode .gstore-payment-zero-fee-v3{
    border-color:rgba(74,222,128,.2);
    background:rgba(22,101,52,.34);
    color:#86efac;
}

html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-shell-v3 .gstore-payment-card-v3,
html[data-theme="dark"]
.gstore-payment-shell-v3 .gstore-payment-card-v3,
body.dark-mode
.gstore-payment-shell-v3 .gstore-payment-card-v3{
    border-color:#304154 !important;
    background:#111c27 !important;
    color:#e5edf6 !important;
}

html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-shell-v3 .gstore-payment-card-v3:hover,
html[data-theme="dark"]
.gstore-payment-shell-v3 .gstore-payment-card-v3:hover,
body.dark-mode
.gstore-payment-shell-v3 .gstore-payment-card-v3:hover{
    border-color:#416f9a !important;
    background:#142333 !important;
}

html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-shell-v3 .gstore-payment-card-v3.selected,
html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-shell-v3 .gstore-payment-card-v3:has(input:checked),
html[data-theme="dark"]
.gstore-payment-shell-v3 .gstore-payment-card-v3.selected,
html[data-theme="dark"]
.gstore-payment-shell-v3 .gstore-payment-card-v3:has(input:checked),
body.dark-mode
.gstore-payment-shell-v3 .gstore-payment-card-v3.selected,
body.dark-mode
.gstore-payment-shell-v3 .gstore-payment-card-v3:has(input:checked){
    border-color:#3b82f6 !important;
    background:rgba(37,99,235,.16) !important;
}

html[data-theme="dark"][data-theme-scope="front"]
.gstore-payment-shell-v3.wallet-mode-v1
.gstore-payment-card-v3:not(.wallet-pay-item-v2),
html[data-theme="dark"]
.gstore-payment-shell-v3.wallet-mode-v1
.gstore-payment-card-v3:not(.wallet-pay-item-v2),
body.dark-mode
.gstore-payment-shell-v3.wallet-mode-v1
.gstore-payment-card-v3:not(.wallet-pay-item-v2){
    border-color:#304154 !important;
    background:#111c27 !important;
    opacity:1 !important;
}

/* ==========================================================
 * 手机端：两个一行、完整显示名称、隐藏重复副标题
 * ========================================================== */


/* GSTORE_MOBILE_WECHAT_SHORT_LABEL_V1 */
.gstore-payment-label-mobile-v5{
    display:none;
}

@media (max-width:640px){

    /* GSTORE_MOBILE_PAYMENT_GROUP_GAP_V1 */
    .gstore-payment-shell-v3 .gstore-payment-group-other-v3{
        margin-top:10px !important;
    }



    .gstore-payment-label-desktop-v5{
        display:none !important;
    }

    .gstore-payment-label-mobile-v5{
        display:inline !important;
    }



    .gstore-payment-main-title-v3{
        margin-bottom:5px;
        font-size:14px;
    }

    .gstore-payment-shell-v3{
        gap:6px;
        padding:5px;
        border-radius:14px;
    }

    .gstore-payment-group-v3{
        padding:6px;
        border-radius:12px;
    }

    .gstore-payment-group-head-v3{
        gap:5px;
        margin-bottom:6px;
    }

    .gstore-payment-group-mark-v3{
        width:20px;
        height:20px;
        flex-basis:20px;
        border-radius:6px;
        font-size:10px;
    }

    .gstore-payment-group-title-v3{
        font-size:12.5px;
    }

    .gstore-payment-zero-fee-v3{
        min-height:20px;
        padding:0 7px;
        font-size:10px;
    }

    .gstore-payment-grid-v3{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:6px !important;
    }

    .gstore-payment-shell-v3 .gstore-payment-card-v3{
        display:grid !important;
        grid-template-columns:21px minmax(0,1fr) !important;
        min-height:46px !important;
        align-items:center !important;
        gap:4px !important;
        padding:5px 17px 5px 5px !important;
        border-radius:10px !important;
        overflow:hidden !important;
    }

    .gstore-payment-shell-v3 .pay-icon{
        width:21px !important;
        height:21px !important;
        flex-basis:21px !important;
    }

    .gstore-payment-shell-v3 .pay-icon.trc20::before,
    .gstore-payment-shell-v3 .pay-icon.bep20::before{
        font-size:17px;
    }

    .gstore-payment-shell-v3 .pay-icon.trx::before{
        font-size:17px;
    }

    .gstore-payment-shell-v3 .wallet-pay-icon-v2::before{
        font-size:14px;
    }

    .gstore-payment-copy-v3{
        gap:0 !important;
    }

    .gstore-payment-name-v3{
        font-size:clamp(10.4px,2.9vw,11.4px) !important;
        line-height:1.05 !important;
        white-space:nowrap !important;
        overflow:visible !important;
        text-overflow:clip !important;
        overflow-wrap:normal !important;
        word-break:keep-all !important;
        letter-spacing:-.25px !important;
    }

    /*
     * 手机上不再重复显示：
     * 匿名支付 · 安全
     * 秒付款 · 安全快捷
     * 节省空间并保证支付名称完整。
     */
    .gstore-payment-sub-v3{
        display:none !important;
    }

    .gstore-payment-shell-v3 .gstore-payment-card-v3::after{
        right:3px;
        width:13px;
        height:13px;
        font-size:8px;
    }
}

@media (max-width:380px){

    .gstore-payment-shell-v3 .gstore-payment-card-v3{
        grid-template-columns:20px minmax(0,1fr) !important;
        min-height:45px !important;
        padding-right:16px !important;
        gap:3px !important;
        padding:5px 16px 5px 4px !important;
    }

    .gstore-payment-shell-v3 .pay-icon{
        width:20px !important;
        height:20px !important;
        flex-basis:20px !important;
    }

    .gstore-payment-name-v3{
        font-size:9.6px !important;
        line-height:1.04 !important;
        white-space:nowrap !important;
        word-break:keep-all !important;
        overflow:visible !important;
        text-overflow:clip !important;
        overflow-wrap:normal !important;
        letter-spacing:-.3px !important;
    }
}

/* GSTORE_PRODUCT_PAYMENT_FLAT_FINAL_V1 START */
/*
 * 商品详情页支付区域最终结构：
 * 1. 只保留 buy-box 套餐选择主框；
 * 2. 支付 shell 和两个支付分组不再显示额外外框；
 * 3. 推荐支付区域与套餐选择保留适当间距；
 * 4. 其他支付方式上方使用横线分隔；
 * 5. 所有规则限定在 #direct_buy_form，不影响购物车结算页。
 */

#direct_buy_form .gstore-payment-shell-v3{
    margin-top:10px !important;
    padding:0 !important;
    gap:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
}

#direct_buy_form .gstore-payment-group-v3{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
}

#direct_buy_form .gstore-payment-group-recommended-v3{
    margin-top:0 !important;
}

#direct_buy_form .gstore-payment-group-other-v3{
    margin-top:16px !important;
    padding-top:16px !important;
    border-top:1px solid #d9e1ec !important;
}

html[data-theme="dark"] #direct_buy_form .gstore-payment-shell-v3,
body[data-theme="dark"] #direct_buy_form .gstore-payment-shell-v3,
html.theme-dark #direct_buy_form .gstore-payment-shell-v3,
body.theme-dark #direct_buy_form .gstore-payment-shell-v3,
body.dark-mode #direct_buy_form .gstore-payment-shell-v3,
html[data-theme="dark"] #direct_buy_form .gstore-payment-group-v3,
body[data-theme="dark"] #direct_buy_form .gstore-payment-group-v3,
html.theme-dark #direct_buy_form .gstore-payment-group-v3,
body.theme-dark #direct_buy_form .gstore-payment-group-v3,
body.dark-mode #direct_buy_form .gstore-payment-group-v3{
    border-color:transparent !important;
    background:transparent !important;
    box-shadow:none !important;
}

html[data-theme="dark"] #direct_buy_form .gstore-payment-group-other-v3,
body[data-theme="dark"] #direct_buy_form .gstore-payment-group-other-v3,
html.theme-dark #direct_buy_form .gstore-payment-group-other-v3,
body.theme-dark #direct_buy_form .gstore-payment-group-other-v3,
body.dark-mode #direct_buy_form .gstore-payment-group-other-v3{
    border-top-color:#304154 !important;
}

@media (max-width:640px){
    #direct_buy_form .gstore-payment-shell-v3{
        margin-top:8px !important;
        padding:0 !important;
        gap:0 !important;
        border-radius:0 !important;
    }

    #direct_buy_form .gstore-payment-group-v3{
        padding:0 !important;
        border-radius:0 !important;
    }

    #direct_buy_form .gstore-payment-group-other-v3{
        margin-top:12px !important;
        padding-top:12px !important;
    }
}
/* GSTORE_PRODUCT_PAYMENT_FLAT_FINAL_V1 END */