/*
Theme Name: Astra Child Logo
Template: astra
Version: 2.0.0
*/

/* ═══════════════════════════════════════════
   HONPPO BRAND DESIGN SYSTEM
   Primary: #e3b7ff (Lavender)
   ═══════════════════════════════════════════ */

:root {
    --honppo-primary: #e3b7ff;
    --honppo-primary-dark: #c084fc;
    --honppo-primary-deeper: #a855f7;
    --honppo-text: #2b1f31;
    --honppo-text-light: #6b5f73;
    --honppo-bg: #faf8fc;
    --honppo-surface: #ffffff;
    --honppo-cta: #111827;
    --honppo-trust: #3AA371;
    --honppo-border: #ede5f5;
    --honppo-radius: 10px;
}

/* ── 全局字体与底色 ── */
body {
    background-color: var(--honppo-bg) !important;
    color: var(--honppo-text);
}

/* ── 全站链接色 ── */
a { color: var(--honppo-primary-deeper); }
a:hover { color: var(--honppo-primary-dark); }

/* ── WooCommerce 价格色统一 ── */
.woocommerce .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
    color: var(--honppo-text) !important;
}

.woocommerce del .amount {
    color: var(--honppo-text-light) !important;
}

.woocommerce ins .amount {
    color: var(--honppo-primary-deeper) !important;
    font-weight: 700;
}

/* ── WooCommerce Sale 标签品牌化 ── */
.woocommerce span.onsale {
    background: var(--honppo-primary-dark) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    min-height: unset !important;
    min-width: unset !important;
    line-height: 1.4 !important;
}

/* ── WooCommerce 按钮品牌化 ── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button.alt,
.woocommerce a.button.alt {
    background: var(--honppo-cta) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--honppo-radius) !important;
    font-weight: 600 !important;
    letter-spacing: .3px;
    transition: all .25s ease !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button.alt:hover {
    background: #000 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
}

/* ── Add to Cart 按钮（商店/首页列表） ── */
.woocommerce ul.products li.product .button {
    background: var(--honppo-primary-dark) !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    padding: 10px 18px !important;
    font-weight: 600 !important;
}

.woocommerce ul.products li.product .button:hover {
    background: var(--honppo-primary-deeper) !important;
}

/* ── 产品卡片 ── */
.woocommerce ul.products li.product {
    border-radius: var(--honppo-radius);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(163, 85, 247, .1);
}

/* ── 星级评分颜色 ── */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
    color: var(--honppo-primary-dark) !important;
}

/* ── HHX 产品评分 ── */
.hhx-product-rating {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: 0.95rem;
}
.hhx-product-rating .hhx-review-count {
    text-decoration: none;
    color: inherit;
    font-weight: 500;
}
@media (max-width: 480px) {
    .hhx-product-rating { font-size: 0.9rem; }
}

/* ── Stripe 支付图标 ── */
.honppo-stripe-icons img {
    opacity: 0.8;
    transition: all 0.25s ease;
}
.honppo-stripe-icons img:hover {
    transform: scale(1.1);
    opacity: 1;
}
.honppo-stripe-icons > .PaymentLogo {
    width: 40px !important;
    height: 30px !important;
}

/* ── 产品详情页布局（桌面端左右分栏） ── */
@media (min-width: 769px) {
    .single-product .product {
        display: flex;
        flex-direction: row;
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
    .single-product .product .images {
        flex: 1;
        position: sticky;
        top: 0;
        height: 100vh;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--honppo-surface);
    }
    .single-product .product .images img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .single-product .product .summary {
        flex: 1;
        height: 100vh;
        overflow-y: auto;
        padding: 30px;
        box-sizing: border-box;
    }
    .single-product .product .summary::-webkit-scrollbar { width: 5px; }
    .single-product .product .summary::-webkit-scrollbar-thumb {
        background: var(--honppo-border);
        border-radius: 3px;
    }
    .ast-woocommerce-container .product {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
}

/* ── Header / 导航栏品牌化 ── */
.ast-primary-header-bar,
.main-header-bar,
.ast-mobile-header-wrap .ast-primary-header-bar {
    background-color: #f5eeff !important;
    border-bottom: 1px solid var(--honppo-border) !important;
}

/* 菜单文字 */
.main-header-menu > .menu-item > a,
.ast-header-sections-navigation a {
    color: var(--honppo-text) !important;
    font-weight: 500 !important;
}

.main-header-menu > .menu-item:hover > a {
    color: var(--honppo-primary-deeper) !important;
}

/* 汉堡菜单图标 */
.ast-mobile-menu-trigger-minimal,
.main-header-menu-toggle,
.ast-button-wrap .ast-mobile-menu-trigger-minimal {
    color: var(--honppo-text) !important;
}

/* 购物车图标 */
.ast-site-header-cart .ast-cart-menu-wrap .count,
.ast-header-woo-cart .ast-cart-menu-wrap .count {
    background: var(--honppo-primary-dark) !important;
    color: #fff !important;
}


/* ── Footer 品牌化 ── */
.site-footer,
.ast-footer-overlay {
    background: var(--honppo-text) !important;
}

.site-footer a {
    color: #fff !important;
}

.site-footer a:hover {
    color: var(--honppo-primary)!important;
}

.site-footer .ast-footer-copyright {
    color: rgba(255,255,255,.5) !important;
}

/* Footer 标题 */
.site-footer .widget-title,
.site-footer h1, .site-footer h2,
.site-footer h3, .site-footer h4 {
    color: var(--honppo-primary) !important;
}

.site-footer p,
.site-footer li,
.site-footer span {
    color: rgba(255,255,255,.7) !important;
}

/* ── 选择框/输入框品牌化 ── */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    border: 1.5px solid var(--honppo-border) !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    transition: border-color .2s ease;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus {
    border-color: var(--honppo-primary-dark) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(192, 132, 252, .15) !important;
}

/* ── Astra 购物车抽屉 (Off-Canvas Cart Drawer) 品牌化 ── */
/* 抽屉内的 View Cart / Checkout 按钮 */
.astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a,
.astra-cart-drawer .woocommerce-mini-cart__buttons .checkout,
.astra-cart-drawer .woocommerce-mini-cart__buttons .button,
.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons a {
    background: var(--honppo-text) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all .25s ease !important;
}

.astra-cart-drawer .woocommerce-mini-cart__buttons a:hover,
.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons a:hover {
    background: #000 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
}

/* 抽屉内的 Checkout 按钮用品牌主色突出 */
.astra-cart-drawer .woocommerce-mini-cart__buttons .checkout,
.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout {
    background: var(--honppo-primary-dark) !important;
}

.astra-cart-drawer .woocommerce-mini-cart__buttons .checkout:hover,
.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout:hover {
    background: var(--honppo-primary-deeper) !important;
}

/* ── 购物车页面 (Cart Page) 品牌化 ── */
/* 结账按钮 — 最核心的转化按钮 */
.woocommerce .cart-collaterals .checkout-button,
.woocommerce a.checkout-button,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce .wc-proceed-to-checkout a {
    background: var(--honppo-primary-dark) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 16px 32px !important;
    text-transform: none !important;
    letter-spacing: .3px !important;
    transition: all .25s ease !important;
}

.woocommerce .wc-proceed-to-checkout a:hover {
    background: var(--honppo-primary-deeper) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(168, 85, 247, .3);
}

/* Apply Coupon 按钮 */
.woocommerce .coupon .button,
.woocommerce-cart .coupon .button {
    background: var(--honppo-text) !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

/* Update Cart 按钮 */
.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
    background: var(--honppo-text) !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

/* ── 移动端微调 ── */
@media (max-width: 480px) {
    /* 隐藏 Get 10% OFF 标签避免遮挡 */
    #honppo-floating-wrapper, #honppo-popup {
        display: none !important;
    }
}


/* ══════════════════════════════════════════════════════
   购物车页面 — 完整 UX/UI 重做 (Mobile-First)
   ══════════════════════════════════════════════════════ */

/* ── 全局购物车页（移动+桌面通用） ── */

/* 隐藏 "Cart" 页面大标题（多余，用户已经知道在购物车） */
.woocommerce-cart .entry-title,
.woocommerce-cart .page-title,
.woocommerce-cart .woocommerce-products-header__title {
    display: none !important;
}

/* 隐藏 Update Cart 按钮（已由 JS 自动更新取代） */
.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
    display: none !important;
}

/* 隐藏 "Calculate shipping" 链接（让结账页处理） */
.woocommerce-cart .shipping-calculator-button,
.woocommerce-cart .shipping-calculator-form {
    display: none !important;
}

/* 购物车页面隐藏 "Get 10% OFF" 浮窗（遮挡内容） */
.woocommerce-cart #honppo-floating-wrapper,
.woocommerce-cart #honppo-popup {
    display: none !important;
}

/* 隐藏 "Cart totals" 标题文字 */
.cart_totals > h2 {
    display: none !important;
}

/* ── 购物车表格全局重置 ── */
.woocommerce-cart-form table.shop_table {
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
.woocommerce-cart-form table.shop_table thead {
    display: none !important;
}

/* ★ 关键修复：只有 .cart_item 商品行才用 Grid，.actions 行用 block ★ */
.woocommerce-cart-form table.shop_table tbody tr.cart_item {
    display: grid !important;
    grid-template-columns: 80px 1fr auto !important;
    grid-template-areas: 
        "thumb name   cross"
        "thumb price  cross"
        "thumb qty    total"
        !important;
    gap: 4px 14px !important;
    align-items: center !important;
    padding: 16px !important;
    border: 1px solid var(--honppo-border) !important;
    border-radius: 16px !important;
    background: var(--honppo-surface) !important;
    box-shadow: 0 2px 8px rgba(17, 24, 39, 0.04) !important;
    margin-bottom: 12px !important;
}

/* .actions 行（优惠券 + 按钮）— 恢复正常 block 布局 */
.woocommerce-cart-form table.shop_table tbody tr:not(.cart_item) {
    display: block !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 8px !important;
}
.woocommerce-cart-form table.shop_table tbody tr:not(.cart_item) td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
}

/* 单元格重置（仅商品行内部） */
.woocommerce-cart-form table.shop_table td {
    border: none !important;
    padding: 0 !important;
    display: block !important;
    text-align: left !important;
}

/* 隐藏 "Product:", "Price:" 等响应式标签 */
.woocommerce-cart-form table.shop_table td::before {
    display: none !important;
}

/* ─── 商品卡片内各元素 ─── */

/* 缩略图 */
.woocommerce-cart-form td.product-thumbnail {
    grid-area: thumb !important;
    width: 80px !important;
    align-self: start !important;
}
.woocommerce-cart-form td.product-thumbnail img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    border: 1px solid var(--honppo-border) !important;
}

/* 商品名 */
.woocommerce-cart-form td.product-name {
    grid-area: name !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--honppo-text) !important;
    line-height: 1.4 !important;
}
.woocommerce-cart-form td.product-name a {
    color: var(--honppo-text) !important;
    text-decoration: none !important;
}

/* 单价 */
.woocommerce-cart-form td.product-price {
    grid-area: price !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--honppo-text-light) !important;
}

/* 数量 */
.woocommerce-cart-form td.product-quantity {
    grid-area: qty !important;
    display: flex !important;
    align-items: center !important;
}

/* 小计 */
.woocommerce-cart-form td.product-subtotal {
    grid-area: total !important;
    text-align: right !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: var(--honppo-primary-deeper) !important;
    white-space: nowrap !important;
    align-self: end !important;
}

/* 删除按钮 */
.woocommerce-cart-form td.product-remove {
    grid-area: cross !important;
    justify-self: end !important;
    align-self: start !important;
    width: auto !important;
}
.woocommerce-cart-form td.product-remove a.remove {
    font-size: 16px !important;
    width: 26px !important;
    height: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #f3f4f6 !important;
    color: #9ca3af !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
}
.woocommerce-cart-form td.product-remove a.remove:hover {
    background: #fde8e8 !important;
    color: #ef4444 !important;
}

/* ── 数量选择器 ── */
.woocommerce-cart-form .quantity {
    display: inline-flex !important;
    align-items: center !important;
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    height: 32px !important;
}
.woocommerce-cart-form .quantity .qty {
    width: 40px !important;
    height: 32px !important;
    text-align: center !important;
    border: none !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--honppo-text) !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
    padding: 0 !important;
}

/* ── 优惠券区域 ── */
.woocommerce-cart-form td.actions .coupon {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 14px 16px !important;
    background: var(--honppo-surface) !important;
    border: 1px solid var(--honppo-border) !important;
    border-radius: 14px !important;
    margin-bottom: 16px !important;
}
.woocommerce-cart-form .coupon label {
    display: none !important;
}
.woocommerce-cart-form .coupon #coupon_code {
    flex: 1 1 180px !important;
    min-width: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    background: #f9fafb !important;
}
.woocommerce-cart-form .coupon .button {
    flex: 0 0 auto !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    background: var(--honppo-primary-deeper) !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer !important;
}

/* ── 桌面端双栏布局（商品左 + 结算右） ── */
@media (min-width: 769px) {
    .woocommerce-cart .woocommerce {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        gap: 4% !important;
        align-items: flex-start !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
    }
    /* 商品表格占左侧 */
    .woocommerce-cart-form {
        flex: 1 1 64% !important;
        max-width: 64% !important;
        min-width: 0 !important;
    }
    /* Cart Totals + 按钮占右侧 */
    .cart-collaterals {
        flex: 0 0 32% !important;
        max-width: 32% !important;
        position: sticky !important;
        top: 100px !important;
    }
    /* 桌面端商品卡片微调 */
    .woocommerce-cart-form table.shop_table tbody tr.cart_item {
        grid-template-columns: 90px 1fr auto !important;
        gap: 6px 18px !important;
        padding: 18px !important;
    }
    .woocommerce-cart-form td.product-thumbnail img {
        width: 90px !important;
        height: 90px !important;
    }
    .woocommerce-cart-form td.product-name {
        font-size: 15px !important;
    }
}

/* ── Cart Totals 区 ── */
.cart_totals {
    background: var(--honppo-surface) !important;
    border-radius: 16px !important;
    padding: 24px 20px !important;
    border: 1px solid var(--honppo-border) !important;
    box-shadow: 0 4px 16px rgba(17, 24, 39, 0.04) !important;
}
.cart_totals table.shop_table {
    border: none !important;
    width: 100% !important;
}
.cart_totals table.shop_table tr {
    border-bottom: 1px dashed #e5e7eb !important;
}
.cart_totals table.shop_table tr:last-child {
    border-bottom: none !important;
}
.cart_totals table.shop_table th {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--honppo-text-light) !important;
    padding: 14px 0 !important;
    border: none !important;
    text-align: left !important;
}
.cart_totals table.shop_table td {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--honppo-text) !important;
    text-align: right !important;
    padding: 14px 0 !important;
    border: none !important;
}
.cart_totals table.shop_table .order-total th {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--honppo-text) !important;
    padding-top: 18px !important;
}
.cart_totals table.shop_table .order-total td {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: var(--honppo-primary-deeper) !important;
    padding-top: 18px !important;
}

/* ── 结账 & 支付按钮区 ── */
.wc-proceed-to-checkout {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 20px !important;
    padding: 0 !important;
}
/* 主结账按钮 — 品牌紫 */
.wc-proceed-to-checkout a.checkout-button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 16px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    background: var(--honppo-primary-deeper) !important;
    color: #fff !important;
    letter-spacing: 0.3px !important;
    text-transform: none !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 14px rgba(168, 85, 247, 0.25) !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
    order: 10 !important; /* 让主按钮排在最后（最下面） */
}
.wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(168, 85, 247, 0.35) !important;
}
/* 第三方支付按钮容器 — 正常显示，宽度撑满 */
.wc-proceed-to-checkout > * {
    width: 100% !important;
}
/* 快捷支付按钮间的分割线文字 "— or —" 效果 */
.wc-proceed-to-checkout #wc-stripe-express-checkout-element {
    order: 1 !important;
}

/* ── Shipment 区域 ── */
.cart_totals .woocommerce-shipping-totals td {
    font-size: 13px !important;
}
.cart_totals .woocommerce-shipping-totals p {
    font-size: 12px !important;
    color: #9ca3af !important;
    margin: 4px 0 0 !important;
}

/* ── 页面底部留白 ── */
.woocommerce-cart .woocommerce {
    padding-bottom: 40px !important;
}

/* ═══════════════════════════════════════════════════════════
   SHOPIFY-STYLE CHECKOUT
   Honppo 结账页 — 单列集中布局，清爽简约
   ═══════════════════════════════════════════════════════════ */

/* -- 整体容器居中 -- */
form.honppo-checkout {
    max-width: 520px;
    margin: 0 auto;
    padding: 20px 16px 40px;
}

/* ── 桌面端：真正的两列式 Shopify 结账布局 ── */
@media (min-width: 992px) {
    form.honppo-checkout {
        max-width: 1100px;
        display: grid !important;
        grid-template-columns: 52% 42% !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        padding-top: 40px;
    }
    /* 默认把所有快捷支付按钮、通知和表单放在左列 */
    form.honppo-checkout > * {
        grid-column: 1 / 2 !important;
    }
    /* 隐藏啰嗦的 "Your order" 标题 */
    .woocommerce-checkout #order_review_heading {
        display: none !important;
    }
    /* 让订单总览和支付始终固定在右列 */
    .woocommerce-checkout #order_review {
        grid-column: 2 / 3 !important;
        grid-row: 1 / 20 !important;
        position: sticky;
        top: 60px;
        background: #fbfaff;
        padding: 32px 28px;
        border-radius: 16px;
        border: 1px solid #f3f4f6;
        box-shadow: 0 4px 20px rgba(0,0,0,0.02);
    }
}

/* -- Section 标题 -- */
.woocommerce-checkout .honppo-section-title,
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-shipping-fields > h3,
.woocommerce-checkout h3#order_review_heading {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2b1f31 !important;
    margin: 28px 0 16px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid var(--honppo-primary, #e3b7ff) !important;
}

/* -- 表单输入框统一风格 -- */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-container .select2-selection--single {
    border: 1.5px solid #d1d5db !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    background: #fff !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    height: auto !important;
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus {
    border-color: var(--honppo-primary-deeper, #a855f7) !important;
    box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.1) !important;
    outline: none !important;
}

/* -- Select2 下拉框高度修正 -- */
.woocommerce-checkout .select2-container .select2-selection--single {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
}
.woocommerce-checkout .select2-container .select2-selection__rendered {
    padding: 0 8px !important;
    line-height: 1.4 !important;
    font-size: 15px !important;
}

/* -- Label 样式 -- */
.woocommerce-checkout .form-row label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #4b5563 !important;
    margin-bottom: 4px !important;
}
.woocommerce-checkout .form-row label .required {
    color: var(--honppo-primary-deeper, #a855f7) !important;
}

/* -- 移除 col2-set 残留（fallback） -- */
.woocommerce-checkout .col2-set {
    display: block !important;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
}

/* -- 名/姓 并排 -- */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
}
.woocommerce-checkout #billing_first_name_field,
.woocommerce-checkout #billing_last_name_field,
.woocommerce-checkout #shipping_first_name_field,
.woocommerce-checkout #shipping_last_name_field {
    flex: 1 1 45%;
    min-width: 140px;
}
.woocommerce-checkout .form-row-wide {
    flex: 1 1 100% !important;
}
/* City / State / Zip 三列布局 */
.woocommerce-checkout #billing_city_field,
.woocommerce-checkout #billing_state_field,
.woocommerce-checkout #billing_postcode_field,
.woocommerce-checkout #shipping_city_field,
.woocommerce-checkout #shipping_state_field,
.woocommerce-checkout #shipping_postcode_field {
    flex: 1 1 30%;
    min-width: 100px;
}

/* -- 订单摘要表格 -- */
.woocommerce-checkout .woocommerce-checkout-review-order-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 20px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td {
    padding: 12px 14px !important;
    font-size: 14px !important;
    border-bottom: 1px solid #f3f4f6 !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
    background: #faf8fd !important;
    font-weight: 700 !important;
    color: #6b5f73 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--honppo-primary-deeper, #a855f7) !important;
    border-bottom: none !important;
}

/* -- Place Order 按钮 -- */
.woocommerce-checkout #place_order {
    width: 100% !important;
    padding: 18px 32px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: var(--honppo-primary-deeper, #a855f7) !important;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
    box-shadow: 0 4px 14px rgba(168, 85, 247, 0.3) !important;
    letter-spacing: 0.3px !important;
}
.woocommerce-checkout #place_order:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(168, 85, 247, 0.4) !important;
}

/* -- 支付方式列表 -- */
.woocommerce-checkout .wc_payment_methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
}
.woocommerce-checkout .wc_payment_methods .wc_payment_method {
    border: 1.5px solid #e5e7eb !important;
    border-radius: 10px !important;
    margin-bottom: 8px !important;
    padding: 12px 14px !important;
    background: #fff !important;
    transition: border-color 0.2s ease !important;
}
.woocommerce-checkout .wc_payment_methods .wc_payment_method.payment_method_stripe {
    border-color: var(--honppo-primary, #e3b7ff) !important;
    background: #faf8fd !important;
}

/* -- Terms & Conditions 复选框 -- */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
    margin: 16px 0 !important;
    font-size: 13px !important;
    color: #6b7280 !important;
}

/* -- Ship to different address 折叠 -- */
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #4b5563 !important;
    margin-top: 20px !important;
}