/* ============================================================================
 * YZ3C 店铺定制插件 · 前台样式（assets/custom.css）
 * 2026-10-13 自 WordPress「自定义 → 附加 CSS」整体迁入，规则与原内联样式一致。
 * 颜色/面板宽度/标题行数等可调项以 CSS 变量(var(--yz3c-*))读取，
 * 变量值在插件主文件 yz3c-shop-custom.php 顶部的【常规设置区】修改。
 * ========================================================================== */

/* ============================================================
   YZ3C 站点自定义 CSS（清理版 2026-10-09）
   已删除 5 处无效规则（详见交付说明）：
   1. .woocommerce-cart .cart-actions（页面不存在该元素）
   2. .address-card 加载过渡块（全站无此元素，也无 JS 加 load-ready）
   3. body.woocommerce-view-order .woocommerce-order-notes（WC 4.1 模板无此类名）
   4. input#url.ipt / label[for=url]（评论表单已无网址输入框）
   5. 移动端标题断词规则（.wp-list-table 等选择器前台均不存在）
   ============================================================ */

/* ============================================================
   购物车页面：隐藏多余项 + 优化小计显示
   ============================================================ */
.woocommerce-cart .shipping,
.woocommerce-cart tr.tax-total,
.woocommerce-cart .actions {
    display: none !important;
}

/* 隐藏购物车小计行（电脑+手机通用） */
.cart-subtotal {
    display: none !important;
}

/* 隐藏网址输入框 */
input#url.ipt,
label[for="url"] {
    display: none !important;
}

/* 手机端：每条商品里的小计 */
.woocommerce table.shop_table_responsive tr td.product-subtotal,
.woocommerce table.shop_table_responsive tr th.product-subtotal {
    display: none !important;
}

/* 手机端响应式布局里的 Subtotal */
.woocommerce-cart-form__cart-item .product-subtotal {
    display: none !important;
}

/* 让购物车合计金额居中对齐 */
.woocommerce-cart tr.order-total td {
    text-align: center !important;
}

/* 强制加大备注输入框 */
#order_note_invoice {
    height: 120px !important;
    min-height: 120px !important;
    max-height: 300px !important;
    padding: 12px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* ============================================================
   淘宝 / 官网 跳转按钮
   ============================================================ */
.go_btn_row {
    margin: 20px 0;
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
}

a.go_btn {
    display: inline-block !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    background: #ffbb00 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
}

a.go_btn.go_btn_web {
    background: #ff4400 !important;
}

a.go_btn:hover {
    opacity: 0.85 !important;
}

/* ============================================================
   商品页：加入购物车 / 立即购买 按钮
   ============================================================ */
.woocommerce div.product form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.woocommerce div.product form.cart .button.single_add_to_cart_button {
    background: #FFAB05 !important;
    border: none !important;
    border-bottom: 2px solid #E67A2F !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    min-width: 150px !important;
    height: 42px !important;
    line-height: 42px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.woocommerce div.product form.cart .button.single_add_to_cart_button:hover {
    background: #FFC13C !important;
    border-bottom-color: #E0A92E !important;
    color: #fff !important;
    opacity: 1 !important;
}

.buy-now-btn {
    background: #FF5303 !important;
    border: none !important;
    border-bottom: 2px solid #E67A2F !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    min-width: 150px !important;
    height: 42px !important;
    line-height: 42px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    padding: 0 !important;
}

.buy-now-btn:hover {
    background: #FF3A03 !important;
    border-bottom-color: #CC2F02 !important;
    color: #fff !important;
    opacity: 1 !important;
}

/* 可变商品两个按钮间距 */
form.cart.variations_form .single_add_to_cart_button {
    margin-right: 12px !important;
}

/* 立即购买禁用态（高权重，橙色保留） */
body .buy-now-btn.var-disabled {
    background: #FF5303 !important;
    border: none !important;
    border-bottom: 2px solid #E67A2F !important;
    color: #fff !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}

/* 原生加入购物车禁用按钮取消灰色 */
body form.cart.variations_form .single_add_to_cart_button:disabled {
    opacity: 1 !important;
    cursor: not-allowed !important;
}

/* 数量输入框和按钮等高 */
.woocommerce div.product form.cart .quantity {
    height: 42px !important;
    margin: 0 !important;
}

.woocommerce div.product form.cart .quantity input {
    height: 100% !important;
    border-radius: 6px !important;
    border: 1px solid #ddd !important;
    text-align: center !important;
}

/* 隐藏购物车页商品名称下方多出的属性 */
.woocommerce .cart_item dl.variation {
    display: none !important;
}

/* ============================================================
   店铺列表 / 结账 按钮
   ============================================================ */
.woocommerce ul.products li.product .button.add_to_cart_button {
    background: #FF6651 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product .button.add_to_cart_button:hover {
    background: #FF5751 !important;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-checkout #place_order {
    background: #FF5303 !important;
    color: #fff !important;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-checkout #place_order:hover {
    background: #FF3A03 !important;
}

/* ============================================================
   结账页：邮箱 + 创建账号同行
   ============================================================ */
.woocommerce-checkout * {
    box-sizing: border-box;
}

.custom-email-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
}

.custom-email-row .form-row--email {
    flex: 1;
    margin: 0;
}

.custom-email-row #billing_email {
    height: 48px;
    padding: 0 12px;
    margin: 0;
}

.custom-email-row .form-row--email > label {
    display: block;
    margin-bottom: 6px;
}

/* 游客填了邮箱后才显示（functions 里 JS toggle 控制），默认被内联样式隐藏 */
.custom-create-account {
    height: 48px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-top: 18px;
}

.custom-create-account label.checkbox-inline {
    display: flex;
    align-items: center;
    margin: 0;
    gap: 6px;
}

.custom-create-account input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
}

/* ============================================================
   结账页：订单详情表格列宽 + 配送选项
   （.shop_table.order_details 出现在支付成功页，body 仍带 woocommerce-checkout）
   ============================================================ */
.woocommerce-checkout .shop_table.order_details {
    table-layout: fixed;
    width: 100%;
}

.woocommerce-checkout .shop_table.order_details th.product-total,
.woocommerce-checkout .shop_table.order_details td.product-total,
.woocommerce-checkout .shop_table.order_details td.shipping {
    width: 38% !important;
    text-align: right;
    vertical-align: middle;
}

.woocommerce-checkout .shop_table.order_details th.product-name,
.woocommerce-checkout .shop_table.order_details td.product-name {
    width: 62%;
}

/* 配送选项单行不折行 */
.woocommerce-checkout .shipping_method li {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    white-space: nowrap;
    margin: 4px 0;
}

.woocommerce-checkout .shipping_method input[type="radio"] {
    margin-left: 8px;
    flex-shrink: 0;
}

.woocommerce-shipping-methods li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

.woocommerce-shipping-methods li label {
    display: inline !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

.woocommerce-shipping-methods .woocommerce-Price-amount {
    display: inline !important;
    margin-left: 4px !important;
}

/* ============================================================
   结账页：隐藏标题 / 手机标签
   ============================================================ */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3 {
    display: none !important;
}

.woocommerce-checkout .woocommerce-additional-fields h3 {
    display: none !important;
}

/* 只保留"手机 *"，去掉"电话 / " */
.woocommerce-checkout label[for="billing_phone"] {
    font-size: 0;
}

.woocommerce-checkout label[for="billing_phone"] abbr {
    font-size: 14px;
}

.woocommerce-checkout label[for="billing_phone"]::before {
    content: "手机 ";
    font-size: 14px;
}

/* ============================================================
   商品页视频自适应
   ============================================================ */
.single-product .entry-content iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
    max-width: 100% !important;
    border: none;
}

/* 隐藏页脚 */
.footer {
    display: none !important;
}

/* ============================================================
   账户页
   ============================================================ */
/* 隐藏名字、姓氏输入框（WC 4.1 模板硬编码输出，CSS 是唯一隐藏手段） */
.woocommerce-MyAccount-content .woocommerce-form-row--first,
.woocommerce-MyAccount-content .woocommerce-form-row--last {
    display: none !important;
}

.woocommerce-MyAccount-content {
    position: relative;
}

/* 保存地址按钮 */
button.button[name="save_address"] {
    margin-top: 45px !important;
    background: #ff7664 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    padding: 8px 20px !important;
}

button.button[name="save_address"]:hover {
    background: #e05050 !important;
}

/* 登录按钮 */
input[name="login"],
button[name="login"].woocommerce-button {
    background: #FF7664 !important;
    color: #ffffff !important;
    border: 0 !important;
}

input[name="login"]:hover,
button[name="login"].woocommerce-button:hover {
    background: #e05050 !important;
}

/* 注册按钮 */
input[name="register"],
button[type="submit"][name="register"] {
    background: #FF7664 !important;
    color: #ffffff !important;
    border: 0 !important;
}

input[name="register"]:hover,
button[type="submit"][name="register"]:hover {
    background: #e05050 !important;
}

/* 手机端隐藏订单详情里的手机号 */
@media screen and (max-width: 768px) {
    .woocommerce-customer-details--phone {
        display: none !important;
    }
}

/* ============================================================
   订单详情页：隐藏订单更新
   ============================================================ */
body.woocommerce-view-order ol.woocommerce-OrderUpdates {
    display: none !important;
}

body.woocommerce-account.woocommerce-view-order h2 {
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account.woocommerce-view-order h2:not(.woocommerce-order-details__title) {
    display: none !important;
}

/* ============================================================
   价格样式
   ============================================================ */
body.archive .price,
body.home .price,
body.product-category .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #FF5001 !important;
}

body.archive .woocommerce-Price-amount,
body.home .woocommerce-Price-amount,
body.product-category .woocommerce-Price-amount,
body.archive .woocommerce-Price-currencySymbol,
body.home .woocommerce-Price-currencySymbol,
body.product-category .woocommerce-Price-currencySymbol {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #FF5001 !important;
}

body.single-product .price,
body.single-product .woocommerce-Price-amount,
body.single-product .woocommerce-Price-currencySymbol {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #FF5001 !important;
}

/* 隐藏库存 */
.woocommerce div.product .stock {
    display: none !important;
}

.woocommerce-variation-stock {
    display: none !important;
}

/* ============================================================
   侧边栏文章分类两栏
   ============================================================ */
.sidebar .widget_categories ul {
    display: flex !important;
    flex-wrap: wrap !important;
    padding-left: 18px !important;
}

.sidebar .widget_categories li {
    width: 48% !important;
    margin: 4px 0 !important;
    list-style: disc outside !important;
}
/* ========== 产品分类样式（已移除 sticky，避免侧边栏"跑"） ========== */
.widget_product_categories {
    padding-bottom: 10px;
}

/* 主类目：实心圆点 + 加粗 */
.widget_product_categories ul.product-categories > li {
    list-style-type: disc;
    margin-left: 20px;
    font-weight: bold;
    margin-bottom: 12px;
}

/* 子类目容器 */
.widget_product_categories ul.children {
    overflow: hidden;
    margin: 8px 0 15px 0;
    padding: 0;
    list-style: none;
}

/* 子类目项：两栏排列 */
.widget_product_categories ul.children li {
    float: left;
    width: 48%;
    margin: 0 0 8px 0;
    padding-left: 12px;
    list-style: none;
    position: relative;
    white-space: normal;
    overflow: visible;
}

/* 子类目：空心圆点 */
.widget_product_categories ul.children li::before {
    content: "○";
    position: absolute;
    left: 0;
    top: 0;
    color: inherit;
}

/* 移动端：子类目改单列 */
@media (max-width: 768px) {
    .widget_product_categories ul.children li {
        float: none;
        width: 100%;
    }
}
/* ============================================================
   其他
   ============================================================ */
/* 文章详情页隐藏评论晒图上传模块 */
body.single-post div[style*="margin:10px 0;"] {
    display: none !important;
}

/* 仅商品页：隐藏第一个留言按钮 */
body.single-product .rollbar-item:first-child {
    display: none !important;
}

/* 隐藏主页"最新发布"标题 */
.leader h3 {
    visibility: hidden !important;
}

/* 手机端轮播图适配 */
@media screen and (max-width: 768px) and (orientation: portrait) {
    .focusslide .swiper-container {
        overflow: hidden !important;
        width: 100% !important;
    }

    .focusslide .swiper-slide img {
        flex-shrink: 0 !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        float: none !important;
        display: block !important;
    }
}

/* 禁用状态的变体选项 */
.qqworld-checked-style.qqworld-disabled {
    opacity: 0.35 !important;
    background-color: #f1f1f1 !important;
    color: #999 !important;
    border-color: #ddd !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.qqworld-checked-style.qqworld-disabled input {
    pointer-events: none;
}

/* 变体不可选项：仅视觉置灰，仍允许点击（点击后系统会自动清空另一维度的失效选择） */
.qqworld-checked-style.yz3c-var-off {
    opacity: 0.35;
    background-color: #f1f1f1 !important;
    color: #999 !important;
    border-color: #ddd !important;
    cursor: pointer;
}

/* ============================================================
   商品页 · 属性名标签竖排（按需触发，默认不生效）
   ============================================================
   背景：属性名（如「扩展坞」）在两个浏览器里断行不一样 —— Chrome 折成「扩展」+「坞」，
   Safari 折成「扩 / 展 / 坞」。原因是 td.label 的宽度没被谁定过，由表格自动布局算出来，
   刚好卡在「1 个字」和「2 个字」之间，浏览器差一点点就翻到另一边。
   为什么按需：一刀切把标签压成 1 个字宽，会让「只有一个选项」的属性也竖向堆起来，不合适。
   怎么做：改由 JS 判断（见 inc/10-variation-totals.php 的 yz3c_variation_label_stack）——
   只有同时满足 ①该属性在竖排名单里 ②右侧选项框折成了 2 行以上 ③电脑端（≥769px），
   才给 td.label 加上 .yz3c-lv 类，本规则才生效；其余情况一律保持原样。
   （1.2em 宽：2 个汉字需要 2em，放不下，所以只能一个字一行） */
@media screen and (min-width: 769px) {
    body.single-product form.cart .variations td.label.yz3c-lv {
        vertical-align: middle;   /* 三个字与右侧两行选项垂直居中 */
    }
    body.single-product form.cart .variations td.label.yz3c-lv > label {
        display: block;
        width: 1.2em;
        margin: 0 auto;
        text-align: center;
        white-space: normal;
        word-break: break-all;
    }
}

/* ============================================================
   我的账户页：qzxx 风格改版（深色标题横幅 + 横向等宽标签 + 卡片化内容）
   仅桌面端生效；手机端导航仍由 yz3c-assistant 插件隐藏，内容自动通栏
   ============================================================ */
/* 1. 去掉深色标题横幅（标签导航已标明当前页，标题重复） */
.woocommerce-account .article-title {
    display: none !important;
}

/* 2. 左侧竖菜单 → 顶部横向等宽标签（主题主色珊瑚红底 + 白字，激活项反转白底红字） */
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none !important;
    width: 100% !important;
    background: #ff6651;
    border-radius: 4px;
    padding: 4px;
    margin: 0 0 18px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    float: none;
    flex: 1;
    text-align: center;
    margin: 0;
    border-radius: 4px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0;
    margin: 0;
    background: none;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background: #ed5a46;
    color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: #fff;
    color: #ff6651;
    font-weight: 600;
}

/* 「下载」「社交账号」两个标签如果用不上，取消下面注释即可隐藏
.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-account .woocommerce-MyAccount-navigation-link--social-media-accounts {
    display: none;
}
*/

/* 3. 内容区从右栏改为占满整行 */
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
}

/* 3.1 去掉 tob 主题为旧左侧竖菜单预留的 200px 左内边距
   （导航改横排后这段预留变成左侧空白竖条，实测规则无 !important 可直接覆盖） */
.woocommerce-account .woocommerce {
    padding-left: 0;
}

/* 4. 内容卡片化：表格与表单（qzxx: 白底 #e8e8e8 边 8px 圆角） */
.woocommerce-MyAccount-content table.shop_table {
    background: #fff;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px;
}

.woocommerce-MyAccount-content form {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 20px 24px;
    margin-bottom: 24px;
}

/* 5. 灰色信息条（qzxx: #F8F8F8 底 8px 圆角，如「您好 xxx」账户说明） */
.woocommerce-MyAccount-content > p {
    background: #F8F8F8;
    border-radius: 8px;
    padding: 12px 16px;
    margin: 0 0 16px;
    color: #333;
}

/* 6. 手机端微调（卡片内边距） */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content form {
        padding: 14px 16px;
    }

    /* 手机端导航标签紧凑一些 */
    .woocommerce-account .woocommerce-MyAccount-navigation li a {
        height: 42px;
        line-height: 42px;
        font-size: 15px;
    }
}

/* ============================================================
   社交媒体账户绑定表：一行一个账户，三列等宽居中（电脑/手机通用）
   ============================================================ */
/* 1. 图标行内居中，去掉默认 30px 下边距（原本把每行撑到 82px 的元凶） */
#binding-social-media-account figure.icon {
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

/* 2. 表头（社交媒体/状态）不再显示，与手机端保持一致的简洁卡片 */
#binding-social-media-account thead {
    display: none;
}

/* 3. 行布局：三列等宽（账户 | 状态 | 动作），内容在各自格子里居中
   tob 主题的 text-align 用了 !important，这里同样加权覆盖 */
#binding-social-media-account tbody tr {
    display: flex !important;
    align-items: center;
    padding: 10px 8px;
}

#binding-social-media-account tbody tr + tr {
    border-top: 1px solid #f0f0f0;
}

#binding-social-media-account tbody td {
    display: block;
    flex: 1 1 0;
    min-width: 0;
    padding: 0 4px;
    border: none;
    background: none;
    text-align: center !important;
    float: none;
    clear: none;
}

/* 去掉 WooCommerce 响应式表格自动加的「账户:/Status:/动作:」标签 */
#binding-social-media-account tbody td::before {
    display: none !important;
    content: none !important;
}

#binding-social-media-account td:first-child strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}

#binding-social-media-account td:nth-child(2) {
    font-size: 13px;
    color: #999;
    white-space: nowrap;
}

#binding-social-media-account td .button {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    font-size: 13px;
    margin: 0;
}

/* 4. 「腾讯QQ」简写为「QQ」，与其他名称等长，列宽更均衡（电脑/手机通用） */
#binding-social-media-account tbody tr:first-child td:first-child strong {
    font-size: 0;
}

#binding-social-media-account tbody tr:first-child td:first-child strong::before {
    content: "QQ";
    font-size: 15px;
}

/* 5. 「社交媒体账户」小标题与表格的间距收紧（原 30px → 14px）
   兼容性说明：WP 自定义 CSS 校验器不支持 :has() 选择器，
   这里改用表格负上边距抵消标题的 30px 下边距（30 - 16 = 14px），效果相同 */
#binding-social-media-account {
    margin-top: -16px;
}

/* 社交媒体账户标题居中（class 由 functions.php 的 JS 添加） */
h3.yz3c-social-title {
    text-align: center;
}

/* ============================================================
   编辑账户表单：显示名称 / 邮箱地址 并排一行（与密码区一致）
   说明：表单里前两个 p（名字/姓氏）在站点上已被隐藏但仍在 DOM 中，
   所以按位置取第 3、4 个 p
   ============================================================ */
.woocommerce-EditAccountForm {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
}

/* 表单子项先统一为通栏，去掉浮动和默认下边距，间距交给 gap */
.woocommerce-EditAccountForm > * {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
}

/* 清除浮动用的占位 div 不再需要 */
.woocommerce-EditAccountForm > div.clear {
    display: none;
}

/* 第 3 个 p = 显示名称，第 4 个 p = 邮箱地址，两列并排 */
.woocommerce-EditAccountForm > p:nth-of-type(3),
.woocommerce-EditAccountForm > p:nth-of-type(4) {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
}

/* 显示名称的小字提示在半栏里太挤，缩小并弱化 */
.woocommerce-EditAccountForm em {
    font-size: 12px;
    color: #999;
    font-style: normal;
}

/* 6. 压缩「显示昵称/邮箱」行与密码区之间过大的空隙
   （字段自带的 6px 下边距和 fieldset 的 20px 上边距来自 WC/tob，
   权重高于上面的统一 margin:0，这里加权归零，行距统一交给 flex gap） */
.woocommerce-EditAccountForm > p.form-row {
    margin: 0 !important;
}

.woocommerce-EditAccountForm > fieldset {
    margin: 0 !important;
}

/* 7. 压缩「保存更改」按钮与卡片底部的空白（按钮段落自带的 30px 下边距归零，
   只保留卡片自身的 20px 底部内边距） */
.woocommerce-EditAccountForm > p:last-of-type {
    margin: 0 !important;
}

/* 8. 密码区默认隐藏，点「修改密码」按钮后展开（表单加 yz3c-pw-open 类） */
.woocommerce-EditAccountForm fieldset {
    display: none;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
}

.woocommerce-EditAccountForm.yz3c-pw-open fieldset {
    display: flex;
}

/* 「修改密码」按钮：与保存更改同款橙色，居中 */
.yz3c-change-pw-wrap {
    flex: 1 1 100%;
    width: 100%;
    text-align: center;
    margin: 0 !important;
}

.yz3c-change-pw-btn {
    background: #ec602b;
    color: #fff;
    border: none;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    font-size: 13px;
    cursor: pointer;
}

.yz3c-change-pw-btn:hover {
    background: #d9551f;
    color: #fff;
}
.woocommerce-EditAccountForm fieldset legend {
    display: none;
}
.woocommerce-EditAccountForm fieldset > p {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
    float: none;
    margin: 0;
}
/* 当前密码占整行 */
.woocommerce-EditAccountForm fieldset > p:nth-of-type(1) {
    flex: 1 1 100%;
    width: 100%;
}
/* 密码强度提示文字隐藏，只留强度条 */
.woocommerce-password-hint {
    display: none !important;
}

/* 9. 手机端密码区微调：标签缩小避免「（留空则不修改）」换行 */
@media (max-width: 768px) {
    .woocommerce-EditAccountForm fieldset {
        gap: 8px;
    }
    .woocommerce-EditAccountForm fieldset label {
        font-size: 12px;
    }
}

/* 10. 地址页：标题 → 姓名电话/地址 → 编辑按钮 纵向排列
   header 用 display:contents 消解，让 h3 和编辑链接参与外层排序
   （排除地址簿的「新增收货地址」按钮段） */
.yz3c-address-list .woocommerce-MyAccount-content > p:not(.yz3c-ab-add) {
    display: none;
}

.woocommerce-account .woocommerce-Address {
    display: flex;
    flex-direction: column;
}

.woocommerce-account .woocommerce-Address-title {
    display: contents;
}

.woocommerce-account .woocommerce-Address-title h3 {
    order: 1;
    margin: 0 0 12px;
}

.woocommerce-account .woocommerce-Address address {
    order: 2;
    font-style: normal;
    margin: 0 0 12px;
    line-height: 1.8;
}

.woocommerce-account .woocommerce-Address-title .edit {
    order: 3;
    align-self: flex-start;
}

/* 11. 按钮居中：地址页「保存地址」+ 帐户页「保存更改」（所有用户通用） */
.woocommerce-account button[name="save_address"] {
    display: block;
    float: none;
    margin: 0 auto;
}

/* 11. 帐户页「保存更改」：无改动时隐藏，表单有改动（class yz3c-dirty）才出现 */
.woocommerce-EditAccountForm > p:last-of-type {
    display: none;
}

.woocommerce-EditAccountForm.yz3c-dirty > p:last-of-type {
    display: block;
    text-align: center;
}

/* 12. 帐户页头像上传区（居中；头像即按钮，悬停/按下浮现「选择头像」遮罩） */
.yz3c-avatar-row {
    flex: 1 1 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 16px;
    margin-bottom: 4px;
    border-bottom: 1px solid #f0f0f0;
}

.yz3c-avatar-pick {
    position: relative;
    display: block !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #e8e8e8;
    background: #f5f5f5;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal;
}

.yz3c-avatar-pick img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
    pointer-events: none !important;
    -webkit-user-drag: none;
}

.yz3c-avatar-mask {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    opacity: 0;
    transition: opacity 0.2s;
}

.yz3c-avatar-pick:hover .yz3c-avatar-mask,
.yz3c-avatar-pick:active .yz3c-avatar-mask,
.yz3c-avatar-pick:focus-within .yz3c-avatar-mask,
.yz3c-avatar-pick.is-busy .yz3c-avatar-mask {
    opacity: 1;
}

@media (max-width: 768px) {
    .yz3c-avatar-row {
        padding-bottom: 10px;
        margin-bottom: 0;
    }

    .yz3c-avatar-pick {
        width: 64px;
        height: 64px;
    }

    .yz3c-avatar-mask {
        font-size: 11px;
    }
}

/* ============================================================
   订单列表操作按钮（查看/售后/付款/取消）：橙色实心 + 加大间距
   ============================================================ */
.woocommerce-orders-table .order-actions .button,
.woocommerce-orders-table__cell-order-actions .button {
    display: inline-block;
    background: #ec602b !important;
    color: #fff !important;
    border: none !important;
    border-radius: 3px;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 18px !important;
    font-size: 13px !important;
    font-weight: normal;
    text-align: center;
    margin: 0 !important;
    white-space: nowrap;
}

.woocommerce-orders-table .order-actions .button:hover,
.woocommerce-orders-table__cell-order-actions .button:hover {
    background: #d9551f !important;
    color: #fff !important;
}

/* 同时出现多个按钮时，彼此间距 14px */
.woocommerce-orders-table__cell-order-actions .button + .button {
    margin-left: 14px !important;
}

/* 订单号蓝色链接：加大加粗更醒目 */
.woocommerce-orders-table__cell-order-number a {
    font-size: 17px !important;
    font-weight: 700;
}

@media (max-width: 768px) {
    .woocommerce-orders-table__cell-order-actions .button {
        height: 30px !important;
        line-height: 30px !important;
        padding: 0 16px !important;
        margin: 0 10px 10px 0 !important;
    }

    .woocommerce-orders-table__cell-order-actions .button + .button {
        margin-left: 10px !important;
    }

    /* 每个订单一张淡橙色卡片（与按钮同色系），便于区分 */
    .woocommerce-orders-table tbody tr {
        display: block;
        background: rgba(236, 96, 43, 0.07);
        border: 1px solid rgba(236, 96, 43, 0.3);
        border-left: 3px solid #ec602b;
        border-radius: 8px;
        margin-bottom: 14px;
        overflow: hidden;
    }

    .woocommerce-orders-table tbody tr td {
        background: transparent !important;
        border-bottom-color: rgba(236, 96, 43, 0.18) !important;
    }

    /* 最后一行（操作按钮行）去掉内部下边框 */
    .woocommerce-orders-table tbody tr td:last-child {
        border-bottom: none !important;
    }

    /* 卡片内各行：左侧标签位置不动，值在标签右侧的剩余区域居中
       选择器需高过 tob 主题 .woocommerce table.shop_table_responsive tr td 的右对齐 */
    .woocommerce table.shop_table_responsive.woocommerce-orders-table tbody tr td {
        position: relative;
        text-align: center !important;
        padding-left: 72px !important;
    }

    .woocommerce table.shop_table_responsive.woocommerce-orders-table tbody tr td::before {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        float: none !important;
        width: 54px;
        text-align: left;
        margin: 0;
    }

    /* 操作按钮行同样：「操作：」标签在左，按钮组在右侧区域居中 */
    .woocommerce table.shop_table_responsive.woocommerce-orders-table tbody tr td.order-actions {
        text-align: center !important;
        padding-left: 72px !important;
    }
}

/* ============================================================
   收货地址簿
   ============================================================ */
/* 地址簿列表页隐藏 WC 原生的账单/收货地址卡片 */
.yz3c-ab-list-page .woocommerce-Addresses,
.yz3c-ab-list-page .u-columns.woocommerce-Addresses,
.yz3c-ab-list-page .woocommerce-Address {
    display: none !important;
}

.yz3c-ab-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
}

.yz3c-ab-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 14px 18px;
    background: #fff;
}

.yz3c-ab-card.is-default {
    border-color: rgba(236, 96, 43, 0.45);
    background: rgba(236, 96, 43, 0.05);
}

.yz3c-ab-name {
    font-size: 15px;
    font-weight: 700;
    margin-right: 12px;
}

.yz3c-ab-phone {
    color: #666;
    font-size: 14px;
}

.yz3c-ab-badge {
    display: inline-block;
    margin-left: 10px;
    padding: 1px 8px;
    font-size: 12px;
    color: #fff;
    background: #ec602b;
    border-radius: 3px;
    vertical-align: 1px;
}

.yz3c-ab-addr {
    margin-top: 6px;
    color: #444;
    font-size: 13px;
    line-height: 1.6;
}

.yz3c-ab-ops {
    flex: 0 0 auto;
    text-align: right;
    white-space: nowrap;
}

.yz3c-ab-link {
    display: inline-block;
    margin-left: 14px;
    color: #ec602b;
    font-size: 13px;
}

.yz3c-ab-link:hover {
    color: #d9551f;
}

.yz3c-ab-del {
    color: #999;
}

.yz3c-ab-add {
    text-align: center;
    margin-top: 8px;
}

.yz3c-ab-add-btn {
    background: #ec602b !important;
    color: #fff !important;
    border: none !important;
    border-radius: 3px;
    height: 38px;
    line-height: 38px;
    padding: 0 28px;
    font-size: 14px;
}

.yz3c-ab-add-btn:hover {
    background: #d9551f !important;
}

.yz3c-ab-tip {
    text-align: center;
    color: #999;
    font-size: 13px;
}

@media (max-width: 768px) {
    .yz3c-ab-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 12px 14px;
    }

    .yz3c-ab-ops {
        width: 100%;
        text-align: left;
    }

    .yz3c-ab-link {
        margin: 0 18px 0 0;
    }
}

/* ============================================================
   商品列表：隐藏星级评分（评论保留，仅列表不显示星星）
   ============================================================ */
.woocommerce ul.products li.product .star-rating {
    display: none !important;
}


/* ============================================================
   商品问答区：隐藏「暂无问答」+ 提交按钮靠右与提示语同行
   ============================================================ */
.yz3c-qa-panel-inner > p:first-of-type {
    display: none !important;
}
.yz3c-qa-form form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.yz3c-qa-form form > p:nth-last-of-type(3) {
    flex: 0 0 100%;
}
.yz3c-qa-form form > p:nth-last-of-type(2) {
    flex: 0 0 100%; /* 改成占满一整行，文件选择单独一行 */
    margin: 0 !important;
}
.yz3c-qa-form form > p:nth-last-of-type(1) {
    flex: 0 0 100%; /* 按钮占满整行 */
    margin: 12px 0 0 0 !important;
    text-align: center; /* 内部按钮居中 */
}


/* ============================================================
   评论区：隐藏「目前还没有评论」
   游客布局对齐问答表单：评价框 → 名称/邮件两列 → 晒图行 → 提交
   ============================================================ */
.woocommerce-noreviews { display: none !important; }

.single-product #commentform {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* 评分区由 JS 删除，这里兜底隐藏防止占位 */
.single-product #commentform .comment-form-rating { display: none !important; }

/* 1. 评价内容：独占一行 */
.single-product #commentform .comment-form-comment {
    order: 1;
    flex: 0 0 100%;
}

/* 2. 名称/邮件：各占一半、正好占满一整行（晒图行被自然挤到下一行） */
.single-product #commentform .comment-form-author {
    order: 2;
    flex: 1 1 calc(50% - 7px);
    min-width: 180px;
    box-sizing: border-box;
    margin: 12px 0 0 !important;
}
.single-product #commentform .comment-form-email {
    order: 3;
    flex: 1 1 calc(50% - 7px);
    min-width: 180px;
    box-sizing: border-box;
    margin: 12px 0 0 12px !important;
}
.single-product #commentform .comment-form-author label,
.single-product #commentform .comment-form-email label {
    display: block;
    margin-bottom: 6px;
}
.single-product #commentform .comment-form-author input,
.single-product #commentform .comment-form-email input {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

/* 3. 晒图行：说明在左，选择文件紧跟其后 */
.single-product #commentform .comment-form-upload { display: contents; }
.single-product #commentform .comment-form-upload label {
    order: 4;
    flex: 0 0 auto;
    align-self: center;
    margin: 14px 0 0 !important;
}
.single-product #commentform .comment-form-upload input[type="file"] {
    order: 5;
    flex: 0 0 auto;
    margin: 14px 0 0 12px !important;
}
.single-product #commentform .comment-form-upload .yz3c-ri-count {
    order: 6;
    flex: 1 1 auto;
    margin: 14px 0 0 12px;
}

/* 4. 提交评论按钮：整行居中 */
.single-product #commentform .form-submit {
    order: 7;
    flex: 0 0 100%;
    margin: 16px 0 0 !important;
    text-align: center;
}


/* 评论表单必填星号：红色 */
.single-product #commentform .required { color: red !important; }

/* ============================================================
   账户页：登录 / 游客查单 表单布局
   ============================================================ */

/* 登录表单：用户名+密码同行两列 */
.woocommerce-account form.login {
    display: flex !important;
    flex-wrap: wrap;
}
.woocommerce-account form.login > p.form-row-wide {
    flex: 1 1 calc(50% - 6px);
    width: auto !important;
    clear: none !important;
    min-width: 160px;
    margin: 0 0 12px;
}
.woocommerce-account form.login > p.form-row-wide + p.form-row-wide {
    margin-left: 12px;
}
.woocommerce-account form.login > p.form-row-wide input.input-text {
    width: 100% !important;
    box-sizing: border-box;
}
/* 记住我 + 登录按钮：同行靠右 */
.woocommerce-account form.login > p.form-row:not(.form-row-wide) {
    flex: 0 0 100%;
    text-align: right;
    margin: 4px 0 12px;
}
/* 消解忘记密码段落和社交登录外层，让内部元素直接参与表单 flex 排列 */
.woocommerce-account form.login > p.woocommerce-LostPassword,
.woocommerce-account form.login #qqworld-operating-officer-container {
    display: contents;
}
/* 「社交媒体账户登录」标题独占一行 */
.woocommerce-account form.login .third-party-login-label {
    flex: 0 0 100%;
    order: 5;
    margin: 8px 0 !important;
}
/* 图标行靠左，占满中间剩余空间（保留原 position:relative，手机短信弹层不受影响） */
.woocommerce-account form.login .login-list {
    flex: 1 1 auto;
    order: 6;
    min-width: 0;
}
/* 忘记密码：与社交图标同一行，固定在最右侧并垂直居中 */
.woocommerce-account form.login > p.woocommerce-LostPassword a {
    flex: 0 0 auto;
    order: 7;
    align-self: center;
    white-space: nowrap;
}

/* 游客查询订单：订单号+手机号同行两列（注意 #yz3c-lookup-pane 就是表单本身） */
#yz3c-lookup-pane > p.form-row-wide {
    display: inline-block;
    width: calc(50% - 9px);
    vertical-align: top;
    box-sizing: border-box;
    margin: 0 0 12px;
}
#yz3c-lookup-pane > p.form-row-wide + p.form-row-wide {
    margin-left: 12px;
}
#yz3c-lookup-pane > p.form-row-wide input.input-text {
    width: 100% !important;
    box-sizing: border-box;
}
/* 查询按钮 + 提示文字：居中 */
#yz3c-lookup-pane > p.form-row,
#yz3c-lookup-pane > p:not(.form-row),
#yz3c-lookup-pane > #yz3c-lookup-msg {
    text-align: center;
}
/* 注册框与游客查单框到标签横线距离一致 */
.woocommerce-account form.register,
#yz3c-lookup-pane {
    margin-top: 16px !important;
}

/* 注册账号：注册按钮靠右 */
.woocommerce-account form.register > p.form-row:last-child {
    text-align: right;
}
.woocommerce-account form.register .woocommerce-form-register__submit {
    float: none !important;
    margin-right: 0 !important;
}

/* ============================================================
   账户页：登录按钮靠右 / 标题居中 / 两栏等高
   ============================================================ */

/* 1. 取消 WooCommerce 给登录按钮的左浮动，让「记住我 + 登录」整体靠右 */
.woocommerce-account form.login .woocommerce-form-login__submit {
    float: none !important;
    margin-right: 0 !important;
    vertical-align: middle;
}
.woocommerce-account form.login .woocommerce-form-login__rememberme {
    margin: 0 12px 0 0 !important;
    vertical-align: middle;
}

/* 2. 「登录」标题在框顶居中 */
.woocommerce-account .u-column1.col-1 > h2 {
    text-align: center;
}

/* 「登录」标题与右侧激活标签同色 */
.woocommerce-account .u-column1.col-1 > h2 {
    color: #EC602B;
}

/* ============================================================
   支付成功页：订单号放大高亮，方便游客记录
   ============================================================ */
.woocommerce-order-received ul.order_details {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0 !important;
    margin-left: 0 !important;
}
.woocommerce-order-received ul.order_details > li {
    float: none;
}

/* 订单号：独占一行，淡橙卡片 */
.woocommerce-order-received ul.order_details > li.order {
    flex: 0 0 100%;
    box-sizing: border-box;
    margin: 0 0 12px;
    padding: 14px 20px;
    border-right: none;
    border-radius: 6px;
    background: #FFF3EC;
    font-size: 28px;
    font-weight: 800;
    color: #111;
}
.woocommerce-order-received ul.order_details > li.order strong {
    display: inline;
    margin-left: 8px;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #FF5303;
}



/* 日期 / 总计 / 付款方式：三项平分一排 */
.woocommerce-order-received ul.order_details > li:not(.order) {
    flex: 1 1 0;
    min-width: 0;
    margin-right: 0;
    padding: 0 15px;
}

/* ============================================================
   账户页：社交登录区上移 + 左右两框等大
   ============================================================ */

/* 1. 去掉「记住我」行与社交区之间的 20px 空隙 */
.woocommerce-account form.login > p.form-row:not(.form-row-wide) {
    margin: 0 !important;
    padding-bottom: 0;
}
.woocommerce-account form.login .third-party-login-label {
    margin: 0 0 6px !important;
}

/* 2. 登录框适度收紧，向右框尺寸靠拢 */
.woocommerce-account #customer_login form.login {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}
.woocommerce-account form.login > p.form-row-wide {
    margin-bottom: 8px !important;
}

/* 3. 左右两栏等高对齐（谁差几像素就由谁补齐，边框完全一致） */
.woocommerce-account #customer_login {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
}
.woocommerce-account #customer_login > .col-1,
.woocommerce-account #customer_login > .col-2 {
    float: none !important;
    width: 48% !important;
    display: flex;
    flex-direction: column;
}
.woocommerce-account #customer_login > .col-1 {
    margin-right: 4%;
}
.woocommerce-account #customer_login form.login,
.woocommerce-account #customer_login form.register,
.woocommerce-account #customer_login #yz3c-lookup-pane {
    flex: 1 1 auto;
    box-sizing: border-box;
}

/* 手机：恢复上下堆叠 */
@media (max-width: 768px) {
    .woocommerce-account #customer_login {
        display: block !important;
    }
    .woocommerce-account #customer_login > .col-1,
    .woocommerce-account #customer_login > .col-2 {
        width: 100% !important;
        margin: 0 0 20px !important;
    }
}


/* 表单外边距归零：等高对齐以右框为准，精确到边框 */
.woocommerce-account #customer_login form.login,
.woocommerce-account #customer_login form.register,
.woocommerce-account #customer_login #yz3c-lookup-pane {
    margin: 0 !important;
}


/* 手机端：收窄框体左右内边距，让输入框加长（保持一行两列） */
@media (max-width: 768px) {
    .woocommerce-account #customer_login form.login,
    .woocommerce-account #customer_login form.register,
    .woocommerce-account #customer_login #yz3c-lookup-pane {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .woocommerce-account form.login > p.form-row-wide {
        flex-basis: calc(50% - 4px);
        min-width: 130px;
    }
    .woocommerce-account form.login > p.form-row-wide + p.form-row-wide {
        margin-left: 8px !important;
    }
    #yz3c-lookup-pane > p.form-row-wide {
        width: calc(50% - 10px);
    }
    #yz3c-lookup-pane > p.form-row-wide + p.form-row-wide {
        margin-left: 6px !important;
    }
}

/* 字段标题在输入框上方居中 */
.woocommerce-account form.login > p.form-row-wide > label,
.woocommerce-account form.register > p.form-row > label,
#yz3c-lookup-pane > p.form-row-wide > label {
    display: block;
    text-align: center;
}

/* ============================================================
   支付成功页：文案与居中调整
   ============================================================ */
/* 标题下的「谢谢，您的订单已收到。」一行取消（文字并入大标题） */
.woocommerce-order-received .woocommerce-thankyou-order-received {
    display: none !important;
}
/* 红框2：订单号卡片内容居中 */
.woocommerce-order-received ul.order_details > li.order {
    text-align: center;
}
/* 红框3/4/5：日期、总计、付款方式各自位置内居中 */
.woocommerce-order-received ul.order_details > li:not(.order) {
    text-align: center;
}
/* 红框6：「订单详情」标题居中 */
.woocommerce-order-received .woocommerce-order-details__title {
    text-align: center;
}
/* 支付成功页大标题居中 */
.woocommerce-order-received .article-title {
    text-align: center;
}


/* 订单详情表格：左列标签靠左，合计列（表头+商品金额）居中 */

.woocommerce-order-received .woocommerce-order-details thead th:last-child,
.woocommerce-order-received .woocommerce-order-details tbody td:last-child {
    text-align: center !important;
}


/* 合计行金额列居中 */
.woocommerce-order-received .woocommerce-order-details tfoot td {
    text-align: center !important;
}

/* ============================================================
   订单详情页：订单留言标题 + 发送按钮居中
   （#yz3c-order-msg 仅命中订单留言块；售后卡内「消息沟通/发送消息」
   保持原样右对齐，不受影响）
   ============================================================ */
#yz3c-order-msg .yz3c-as-msg-title {
    text-align: center !important;
}

#yz3c-order-msg .yz3c-as-msg-form p:not(.yz3c-as-msg-input) {
    text-align: center !important;
}

/* 「订单留言」标题文字改成与发送按钮相同的绿色 */
#yz3c-order-msg .yz3c-as-msg-title {
    color: #1aad19 !important;
}

/* ============================================================
   我的账户-订单详情页：合计栏标签靠左 + 快递方式名不换行
   ============================================================ */


/* 合计栏值不换行，避免「快递包邮」被挤成两行（PC + 手机均生效） */
body.woocommerce-view-order .woocommerce-order-details tfoot td {
    white-space: nowrap;
}
/* 付款页（未支付订单点付款）大标题「为订单付款」居中 */
body.woocommerce-order-pay .article-title {
    text-align: center !important;
}

/* 登录客户且账户已有邮箱：结账页隐藏邮箱字段（值由 PHP 静默带入） */
#billing_email_field.yz3c-co-email-hidden {
    display: none !important;
}
/* ============================================================
   手机端结账页：登录卡片（CSS 过渡展开，紧凑高度）
   电脑端完全不生效；展开收起由 functions 里的 JS 切类控制
   ============================================================ */
@media (max-width: 768px) {
    .woocommerce-checkout form.login {
        display: flex !important;
        flex-wrap: wrap;
        box-sizing: border-box;
        border: 0 solid #d3ced2;
        border-radius: 5px;
        margin: 0;
        padding: 0 10px;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height .32s ease, opacity .25s ease,
                    padding .32s ease, margin .32s ease, border-width .32s ease;
    }
    .woocommerce-checkout form.login.yz3c-login-open {
        max-height: 460px;
        opacity: 1;
        padding: 10px;
        margin-top: 12px;
        border-width: 1px;
    }

    /* 隐藏说明长文字 */
    .woocommerce-checkout form.login > p:not([class]) {
        display: none !important;
    }

    /* 用户名/密码一行两列（紧凑） */
    .woocommerce-checkout form.login p.form-row-first,
    .woocommerce-checkout form.login p.form-row-last {
        float: none !important;
        flex: 1 1 calc(50% - 4px);
        width: auto !important;
        min-width: 130px;
        margin: 0 0 8px !important;
    }
    .woocommerce-checkout form.login p.form-row-last {
        margin-left: 8px !important;
    }
    .woocommerce-checkout form.login p.form-row-first input,
    .woocommerce-checkout form.login p.form-row-last input {
        width: 100% !important;
        box-sizing: border-box;
    }
    .woocommerce-checkout form.login p.form-row-first > label,
    .woocommerce-checkout form.login p.form-row-last > label {
        display: block;
        text-align: center;
        margin-bottom: 4px !important;
    }

    .woocommerce-checkout form.login .clear {
        display: none !important;
    }

    /* 记住我 + 登录按钮整行靠右（上下间距收紧） */
    .woocommerce-checkout form.login > p.form-row:not(.form-row-first):not(.form-row-last) {
        flex: 0 0 100%;
        text-align: right;
        margin: 2px 0 6px !important;
    }
    .woocommerce-checkout form.login .woocommerce-form-login__submit {
        float: none !important;
        margin-right: 0 !important;
        vertical-align: middle;
    }
    .woocommerce-checkout form.login .woocommerce-form-login__rememberme {
        margin: 0 10px 0 0 !important;
        vertical-align: middle;
    }

    /* 忘记密码 + 社交容器消解为 flex 项 */
    .woocommerce-checkout form.login > p.lost_password,
    .woocommerce-checkout form.login #qqworld-operating-officer-container {
        display: contents;
    }
    .woocommerce-checkout form.login .third-party-login-label {
        flex: 0 0 100%;
        order: 5;
        margin: 2px 0 4px !important;
    }
    .woocommerce-checkout form.login .login-list {
        flex: 1 1 auto;
        order: 6;
        min-width: 0;
        margin: 0 !important;
    }
    .woocommerce-checkout form.login .login-list img {
        width: 32px !important;
        height: 32px !important;
    }
    .woocommerce-checkout form.login > p.lost_password a {
        flex: 0 0 auto;
        order: 7;
        align-self: center;
        white-space: nowrap;
    }
}


/* ============================================================
   PC端结账页：展开的登录区布局（与账户页登录框一致）
   记住我+登录靠右；社交图标靠左、忘记密码同排靠右
   收起时尊重 WC 内联 display:none，仅展开后启用 flex
   ============================================================ */
@media (min-width: 769px) {
    .woocommerce-checkout form.login:not([style*="display: none"]):not([style*="display:none"]) {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
    }

    /* 顶部说明文字独占一行 */
    .woocommerce-checkout form.login > p:not([class]) {
        flex: 0 0 100%;
    }

    /* 用户名/密码两列 */
    .woocommerce-checkout form.login .form-row-first {
        float: none !important;
        width: 48% !important;
        margin-right: 4% !important;
    }
    .woocommerce-checkout form.login .form-row-last {
        float: none !important;
        width: 48% !important;
        margin-left: 0 !important;
    }

    /* WC 清浮动空 div */
    .woocommerce-checkout form.login .clear {
        display: none !important;
    }

    /* 记住我 + 登录按钮整行靠右 */
    .woocommerce-checkout form.login > p.form-row:not(.form-row-first):not(.form-row-last) {
        flex: 0 0 100%;
        text-align: right;
    }
    .woocommerce-checkout form.login .woocommerce-form-login__submit {
        float: none !important;
        margin-right: 0 !important;
        vertical-align: middle;
    }
    .woocommerce-checkout form.login .woocommerce-form-login__rememberme {
        margin: 0 12px 0 0 !important;
        vertical-align: middle;
    }

    /* 忘记密码段落、社交容器消解为 flex 项 */
    .woocommerce-checkout form.login > p.lost_password,
    .woocommerce-checkout form.login #qqworld-operating-officer-container {
        display: contents;
    }
    .woocommerce-checkout form.login .third-party-login-label {
        flex: 0 0 100%;
        order: 5;
    }
    .woocommerce-checkout form.login .login-list {
        flex: 1 1 auto;
        order: 6;
        text-align: left;
    }
    .woocommerce-checkout form.login > p.lost_password a {
        flex: 0 0 auto;
        order: 7;
        align-self: center;
        white-space: nowrap;
    }
}


/* ============================================================
   结账页：标题居中橘红 + 登录提示条主题色 + 隐藏旧顾客说明文字
   ============================================================ */
.woocommerce-checkout .article-title {
    text-align: center !important;
    color: #FF5303 !important;
}

/* 提示条顶部蓝线 → 橘红 */
.woocommerce-checkout .woocommerce-info {
    border-top-color: #FF5303 !important;
}

/* 小方块信息图标 +「点击这里登录」链接 → 橘红 */
.woocommerce-checkout .woocommerce-info::before,
.woocommerce-checkout .woocommerce-info .showlogin {
    color: #FF5303 !important;
}

/* 展开登录框后，隐藏「如果您之前在我们网站消费过……」整段说明（手机/电脑通用） */
.woocommerce-checkout form.login > p:not([class]) {
    display: none !important;
}

/* 登录提示：去灰底框、去小方块图标，保留橘色顶线，整行居中（手机+电脑通用） */
.woocommerce-checkout .woocommerce-info {
    background: transparent !important;
    border: 0 !important;
    border-top: 3px solid #FF5303 !important;
    box-shadow: none !important;
    padding: 10px 0 12px !important;
    width: auto !important;
    text-align: center !important;
}
.woocommerce-checkout .woocommerce-info::before {
    display: none !important;
}

/* 结账页「您的订单」标题居中 */
.woocommerce-checkout h3#order_review_heading {
    text-align: center !important;
}


/* 商店列表页：已加入购物车状态，亮黄色（颜色读主文件配置 --yz3c-btn-yellow） */
.woocommerce ul.products li.product .button.add_to_cart_button.yz3c-added{
	background:var(--yz3c-btn-yellow)!important;
}
.woocommerce ul.products li.product .button.add_to_cart_button.yz3c-added:hover{
	background:#FFC13C!important;
}
/* 隐藏加购后 WooCommerce 自动冒出来的"查看购物车"链接 */
a.added_to_cart.wc-forward,
.added_to_cart.wc-forward{
	display:none!important;
}

/* 网店标题颜色（读主文件配置 --yz3c-primary） */
.woocommerce-products-header__title.page-title {
    color: var(--yz3c-primary) !important;
}



/* ===== 手机侧滑产品类别面板：PC端隐藏，不影响顶部菜单 ===== */
@media screen and (min-width: 769px) {
	.yz3c-cat-sitenav { display: none !important; }
}
@media screen and (max-width: 768px) {
	/* 面板激活时：压住原导航，只让产品类别面板滑出 */
	.sitenav-active .yz3c-orig-nav { right: 100% !important; }
	/* 产品类别面板内容 */
	.yz3c-cat-sitenav ul.product-categories {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.yz3c-cat-sitenav ul.product-categories > li {
		float: none !important;
		margin: 0 !important;
		border-bottom: 1px solid #f5f5f5;
	}
		.yz3c-cat-sitenav ul.product-categories li a {
		display: block;
		padding: 11px 14px;
		color: #333;
		text-decoration: none;
		word-break: break-all;
	}
	.yz3c-cat-sitenav ul.product-categories li a:hover { background: #f9f9f9; }
		.yz3c-cat-sitenav ul.product-categories .children {
		list-style: none;
		padding-left: 12px;
		margin: 0;
	}
	.yz3c-cat-sitenav .yz3c-cat-head {
		padding: 15px 20px 10px !important;
		font-size: 16px !important;
		font-weight: bold;
		color: var(--yz3c-primary);
		border-bottom: 1px solid #eee;
		pointer-events: none;
	}
}

/* ===== 网店/商品/购物车页：手机端三条线按钮显示"☰ 分类" ===== */
@media screen and (max-width: 768px) {
	body.woocommerce-shop .sitenav-on::after,
	body.post-type-archive-product .sitenav-on::after,
	body.tax-product_cat .sitenav-on::after,
	body.single-product .sitenav-on::after,
	body.woocommerce-cart .sitenav-on::after {
		content: "分类";
		font-size: 13px;
		font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
		font-style: normal;
		font-weight: normal;
		margin-left: 3px;
		letter-spacing: 0;
		vertical-align: baseline;
	}
	/* 加文字后按钮略宽，保证右内边距舒适 */
	body.woocommerce-shop .sitenav-on,
	body.post-type-archive-product .sitenav-on,
	body.tax-product_cat .sitenav-on,
	body.single-product .sitenav-on,
	body.woocommerce-cart .sitenav-on {
		padding-right: 12px;
		white-space: nowrap;
	}
}

/* ===== 手机端：侧滑菜单宽度联动（宽度值读主文件配置：普通页 --yz3c-panel-w，购物三页 --yz3c-panel-w-shop） ===== */
@media screen and (max-width: 768px) {
	/* ---- 普通页面：原导航菜单 ---- */
	.sitenav:not(.yz3c-cat-sitenav) {
		width: var(--yz3c-panel-w);
	}
	.sitenav-active .sitenav:not(.yz3c-cat-sitenav) {
		right: calc(100% - var(--yz3c-panel-w));
	}
	.sitenav-active .header {
		left: var(--yz3c-panel-w);
		margin-right: calc(0% - var(--yz3c-panel-w));
	}
	.sitenav-active .sitenav-on {
		left: calc(0% - var(--yz3c-panel-w));
	}
	.sitenav-active .signuser-welcome,
	.sitenav-active .usersign {
		right: var(--yz3c-panel-w);
	}

	/* ---- 购物三页：分类面板（含面板自身的宽和滑入位置，不能漏） ---- */
	body.yz3c-cat-panel .yz3c-cat-sitenav {
		width: var(--yz3c-panel-w-shop);
	}
	body.yz3c-cat-panel.sitenav-active .yz3c-cat-sitenav {
		right: calc(100% - var(--yz3c-panel-w-shop));
	}
	body.yz3c-cat-panel.sitenav-active .header {
		left: var(--yz3c-panel-w-shop);
		margin-right: calc(0% - var(--yz3c-panel-w-shop));
	}
	body.yz3c-cat-panel.sitenav-active .sitenav-on {
		left: calc(0% - var(--yz3c-panel-w-shop));
	}
	body.yz3c-cat-panel.sitenav-active .signuser-welcome,
	body.yz3c-cat-panel.sitenav-active .usersign {
		right: var(--yz3c-panel-w-shop);
	}
}

/* ===== 手机端商品列表：标题固定N行高，价格/按钮左右对齐（行数读配置 --yz3c-title-m） ===== */
@media screen and (max-width: 768px) {
	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		line-height: 1.4;
		height: calc(1.4em * var(--yz3c-title-m));   /* 行数 × 1.4行高；em随标题字号自动换算，各机型一致 */
		overflow: hidden;
		word-break: break-all;    /* 英文整词可在字母间断行，填满每一行 */
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: var(--yz3c-title-m);   /* 最多N行，超出的文字省略 */
	}
}



/* ===== PC端商品列表：标题固定N行、行高精确对齐、超长省略（行数读配置 --yz3c-title-pc） ===== */
@media screen and (min-width: 769px) {
	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		line-height: 1.4;
		height: calc(1.4em * var(--yz3c-title-pc));  /* 行数 × 1.4，替代主题原来的 4em（避免切半行） */
		overflow: hidden;
		word-break: break-all;    /* 英文也填满每行，保证同样字数行数一致 */
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: var(--yz3c-title-pc);
	}
}