/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 * Version: 1.1
 */





/* 全局功能 */



/*隐藏*/

/* 隐藏Google Recapcha */
.grecaptcha-badge {
    visibility: hidden;
}
/* 隐藏 WooCommerce 产品分类列表后面的产品数量标记 (例如: (35)) */
.woocommerce-loop-category__title .count {
    display: none !important;
}
/* 隐藏 Hostinger 的结账页面订阅框 */
p.hostinger-reach-optin {
    display: none !important;
}
/* 隐藏移动端多余的电脑版折扣信息 */
@media (max-width: 999px) {
    /* 找到紧跟在 price class 后面的那个折扣 div 并隐藏它 */
    p.price + .awdr_cart_strikeout_line {
        display: none !important;
    }
}





/*书本首页*/

/* --- Chaty 颜色修改 (精准版) --- */
/* 1. 修改【主按钮】(闭合状态) 的背景颜色 */
/* 定位：只针对 .chaty-cta-main 下面的 circle */
.chaty-channel.chaty-cta-main .chaty-svg svg circle {
    fill: #2B4C6F !important;
}

/* 2. 修改【关闭按钮】(打开状态) 的背景颜色 */
/* 定位：只针对 .chaty-cta-close 下面的 ellipse (您的截图显示它是椭圆) */
.chaty-channel.chaty-cta-close .chaty-svg svg ellipse {
    fill: #2B4C6F !important;
}







/*书本系列页面*/

/* --- 修复手机端 分类页 图片高度 --- */
@media (max-width: 767px) {
    .hero-mobile-fix {
        min-height: 200px !important; 
    }
}





/*书本页面*/

/* Variation button */
.variable-items-wrapper .variable-item {
    border-radius: 6% !important;
}






/*浮动购物车*/

/* 强制修改侧边购物车标题 */
#woo-cart-panel .ct-panel-heading {
    font-size: 0 !important; /* 1. 把原本的英文隐藏（设为0大小） */
}
#woo-cart-panel .ct-panel-heading::before {
    content: "购物车";          /* 2. 插入新的中文标题 */
    font-size: 18px !important; /* 3. 恢复字体大小 (您可以根据需要调整 20px) */
    font-weight: 500;           /* 4. 加粗字体 */
    display: block;             /* 5. 确保显示正常 */
}





/* 结账页面 */

/* 增加订单备注字段上方的空间 *//*
#order_comments_field {
    margin-top: 40px;  您可以根据需要调整这个值 (例如: 10px, 30px) 
}*/
/* 移除结账页“配送地址”复选框标签的粗体样式 */
#ship-to-different-address label {
			font-weight:500;
    color: #576471;      /* 明确设置一个普通字体大小（您可以根据主题调整） */
}
#ship-to-different-address{
    margin-bottom: 40px !important; /* 增加 20 像素的上边距，您可以根据需要调整这个值 */
}
.woocommerce-shipping-fields__field-wrapper {
    margin-bottom: 40px !important; /* 增加 20 像素的上边距，您可以根据需要调整这个值 */
}



/* 增加“创建一个帐户？”的上边距 */
p.create-account {
    margin-top: 40px !important; 
}



/* 下单功能 */
/* 1. Target and hide the original text */
#place_order {
    font-size: 0 !important;
    position: relative;
    overflow: hidden;
    font-family: inherit; 
    font-weight: bold; 
    color: #ffffff; 
}
/* 2. Add the new text and ensure it inherits the button's style */
#place_order::after {
    content: '完成订单';
    
    /* Inherit Font Properties */
    font-size: 16px; 
    font-weight: inherit; 
    color: inherit; 
    line-height: 1; 
    
    /* Center the new text */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



/* 完成订单 */
h2.woocommerce-order-details__title {
    margin-top: 40px !important;
}



/* 媒体查询：仅对屏幕宽度小于等于 767px (通常是手机和平板) 生效 */
    /* 定位 Razorpay 支付图标 */
    /* 我们使用它的父级列表项 .payment_method_razorpay 来提高选择器优先级 */
@media (max-width: 767px) {
    .wc_payment_method.payment_method_razorpay label img {
        /* 缩小图标：设置最大宽度和高度 */
        max-width: 80px !important; /* 调整为您觉得合适的大小，例如 80px */
        height: auto !important;    /* 保持纵横比 */
        
        /* 确保它不会被其他样式拉伸或挤压 */
        width: auto !important;
    }
}



/* Email Follow Up 优惠卷 */
/* 增加优惠券通知栏的下边距 */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error {
    margin-bottom: 30px !important;
}



/* --- 银行转账：添加“双倍积分”图标并靠右对齐 --- */

/* 1. 设置 Label 为弹性容器，确保占满整行 */
li.payment_method_bacs label {
    display: flex !important;
    align-items: center !important; /* 垂直居中 */
    width: 100% !important;         /* 确保横条占满空间 */
}

/* 2. 添加图标，并使用 auto margin 把它推到最右边 */
li.payment_method_bacs label::after {
    /* 你的图片链接 */
    background-image: url('https://guiwellness.my/wp-content/uploads/2025/12/doublepoint-2.png');
    
    content: "";
    display: block !important;     /* 必须是 block 才能被推走 */
    
    /* 你指定的尺寸 */
    width: 100px !important;       
    height: 27px !important;      
    
    background-size: contain;      /* 保持比例，不会被拉伸变形 */
    background-repeat: no-repeat;
    background-position: right center; /* 图片在自身框内靠右 */
    
    /* 核心魔法：自动左边距 = 把自己挤到最右边 */
    margin-left: auto !important;  
}
/* --- 手机版优化：缩小双倍积分图标 --- */
@media (max-width: 767px) {
    li.payment_method_bacs label::after {
        /* 在手机上强制改用更小的尺寸 */
        /* 原本是 100px，这里我们缩小到 70px (或者是你觉得合适的大小) */
        width: 70px !important; 
        
        /* 高度也要按比例缩小，不然框会留白 */
        /* 原本是 27px，大约缩小 30% -> 19px 左右 */
        height: 19px !important; 
        
        /* 稍微调整一下右边的留白，防止太贴边 (可选) */
        background-position: right center !important; 
    }
}






/* 我的账户页面 */

/* 详情中隐藏 Hostinger 通讯订阅选项 */
.woocommerce-account p:has(input[name*="hostinger"]) {
    display: none !important;
}

/* 给“修改密码”区域的顶部增加 40px 间距 */
.woocommerce-EditAccountForm fieldset {
    margin-top: 50px !important;
}

/* 给菜单文字左侧增加 20px 间距，让它离图标远一点 */
span.wcmamtx_sticky_icon_name {
    padding-left: 10px !important;
}

/* 隐藏优惠券页面的排序筛选器 */
.wt_sc_available_coupon_sort_by {
    display: none !important;
}

/* 缩小已使用优惠券 (Used Coupons) 到 80% */
.wt-used-coupons .wt_sc_single_coupon {
    transform: scale(0.9);       /* 整体缩小到 0.8 倍 */
    transform-origin: left top;  /* 保持左上角对齐，不要缩到中间去 */
}

/* 隐藏收藏夹表格中的 "Actions" 文字，但不破坏表格结构 */
th.wishlist-product-actions {
    font-size: 0 !important; /* 把字号变成0，文字就看不见了 */
}

/* 订单查询页面 */
.order-number,
.order-date,
.order-status {
  background-color: #fff7ee; /* 仅针对带有这些类的元素修改背景色 */
}


/* --- 修改字 Points & Rewards (积分奖励) --- */
/* 1. 隐藏原本的英文文字 */
li.woocommerce-MyAccount-navigation-link--loyalty_reward span.wcmamtx_sticky_icon_name {
    font-size: 0 !important;
}
/* 2. 在原地显示中文：15px大小，#576471颜色 */
li.woocommerce-MyAccount-navigation-link--loyalty_reward span.wcmamtx_sticky_icon_name::after {
    content: "书馆积分";            /* 显示的中文 */
    font-size: 15px !important;    /* 你的要求：15px */
    color: #576471 !important;     /* 你的要求：灰色 */
    visibility: visible;
}

/* --- 修改字 My Coupons -> 购书津贴 (终极版) --- */
/* --- 1. 修改左侧导航菜单 (加强权重) --- */
/* 隐藏左侧菜单原本的英文 */
li.woocommerce-MyAccount-navigation-link--wt-smart-coupon span.wcmamtx_sticky_icon_name {
    font-size: 0 !important;
}
/* 显示新的中文 (左侧菜单) */
li.woocommerce-MyAccount-navigation-link--wt-smart-coupon span.wcmamtx_sticky_icon_name::after {
    content: "购书津贴";
    font-size: 15px !important; /* 你的菜单文字大小 */
    visibility: visible;
}



/* 订单号居中 */
.woocommerce-orders-table__cell-order-number {
    vertical-align: middle !important;
}

/* 订单 Table 居中 */
/* 1. 针对表格标题 (Header) 和 内容格子 (Cell) */
.woocommerce-orders-table__header,
.woocommerce-orders-table__cell {
    text-align: center !important;      /* 水平居中 */
    vertical-align: middle !important;  /* 垂直居中 */
}

/* 收藏夹空时 “回到书馆” */
a.woocommerce-Button.button {
    display: none !important;
}

/* 地址减少 “联络资料” */
.u-column1.col-1.woocommerce-Address {
    display: none !important;
}



/* 隐藏 My Account Grid */
.wcmtx-my-account-links {
    display: none !important;
}



/* 生日奖励卡片：调换“简介”和“输入框”的上下位置 */

/* 1. 确保父容器是垂直排列的 Flex 布局 */
.wll-preview-birthday-container {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. 【标题】保持在第 1 位 (最上面) */
.wll-preview-birthday-details-container {
    order: 1 !important;
}

/* 3. 【简介文字】提到第 2 位 (插到中间) */
p.wll-preview-birthday-description {
    order: 2 !important;
    margin-bottom: 15px !important; /* 加一点下边距，别贴着下面的按钮 */
    margin-top: 10px !important;    /* 加一点上边距 */
}

/* 4. 【输入框/按钮容器】降到第 3 位 (最下面) */
/* 注意：这里使用了 > 符号，特指“父容器里的那个子容器” */
.wll-preview-birthday-container > .wll-preview-birthday-container {
    order: 3 !important;
    width: 100% !important; /* 确保占满宽度 */
}



/* ==============================================
   个人中心图标
   ============================================== */

/* 1. 隐藏旧图标 */
.woocommerce-MyAccount-navigation-link a i,
.woocommerce-MyAccount-navigation-link a .dashicons {
    display: none !important;
}

/* 2. 统一排版 (调整间距的核心部分) */
.woocommerce-MyAccount-navigation-link a {
    /* 文字从距离左边 45px 的地方开始 */
    padding-left: 35px !important; 
    
    /* 图标位置：距离左边 20px (加大左边空隙) */
    background-position: 15px 50% !important; 
    
    /* 图标固定大小 */
    background-size: 18px 18px !important; 
    background-repeat: no-repeat !important;
}

/* ==============================================
   图标内容设置
   ============================================== */

/* --- 1. 收藏夹 (Wishlist) - 爱心图标 --- */
.woocommerce-MyAccount-navigation-link--woo-wish-list a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23576471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* --- 2. 订单 (Orders) --- */
.woocommerce-MyAccount-navigation-link--orders a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23576471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* --- 3. 账户 (Account) --- */
.woocommerce-MyAccount-navigation-link--edit-account a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23576471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E") !important;
}

/* --- 4. 地址 (Address) --- */
.woocommerce-MyAccount-navigation-link--edit-address a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23576471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

/* --- 5. 购书津贴 (Coupons) --- */
.woocommerce-MyAccount-navigation-link--wt-smart-coupon a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23576471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'%3E%3C/path%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'%3E%3C/line%3E%3C/svg%3E") !important;
}

/* --- 6. 书馆积分 (Points) - 灰色礼物盒 --- */
.woocommerce-MyAccount-navigation-link--loyalty_reward a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23576471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'%3E%3C/polyline%3E%3Crect x='2' y='7' width='20' height='5'%3E%3C/rect%3E%3Cline x1='12' y1='22' x2='12' y2='7'%3E%3C/line%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'%3E%3C/path%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'%3E%3C/path%3E%3C/svg%3E") !important;
}



/* ==============================================
   书馆积分
   ============================================== */
/* 1. 隐藏表头 (Header) 的第1列和第5列 */
/* 表头通常没问题，保持原样 */
#wlr-transaction-table .wlr-table th:nth-child(1), 
#wlr-transaction-table .wlr-table th:nth-child(5) {
    display: none !important;
}

/* 2. 隐藏每一行内容 (Body) 的第1列 和 第5列 */
/* --- 关键修正 --- */
/* 我们只隐藏带有 ".wlr-transaction-table-body" 这个class的格子 */
/* 这样就不会误伤下面那个用来放按钮的巨大格子了 */
#wlr-transaction-table .wlr-table td.wlr-transaction-table-body:nth-child(1), 
#wlr-transaction-table .wlr-table td.wlr-transaction-table-body:nth-child(5) {
    display: none !important;
}

/* 3. 强制让剩下的中间三列撑满宽度 */
#wlr-transaction-table .wlr-table {
    width: 100% !important;
    table-layout: auto !important;
}



/* 修正：兑换中心描述文字重复问题 */
/* 1. 隐藏那个重复的 "sec-half" span */
.wlr-description .sec-half {
    display: none !important;
}

/* 2. (可选) 如果文字已经完整显示了，
      可能也需要把 "Show less / Read more" 按钮隐藏掉，
      不然点击它可能没反应或者报错 */
.wlr-description .read-more,
.wlr-description .read-less {
    display: none !important;
}



/* WPLOYALTY Launcher */
/* Logo */
/* 使用父容器的类名来精准定位该图片 */
.wll-home-header-container img {
    /* 原本是 w-12 (48px)，现在放大两倍 */
    width: 96px !important;
    
    /* 原本是 h-8 (32px)，现在放大两倍 */
    height: 64px !important;
    
    /* 解除可能存在的最大宽度限制 */
    max-width: none !important;
}

/* 通用修复：去除 WPLoyalty 所有活动描述文字的空格缩进 */
/* 这里的 *= 意思是“只要包含这个词就生效” */
p[class*="wll-preview-"][class*="-description"] {
    text-indent: 0 !important;
}

/* 隐藏level progress */
.wll-level-name {
    font-weight: bold !important;
}

/*
.wll-level-progress-container {
    display: none !important;
}
*/

/* --- 隐藏 WPLoyalty 兑换列表中的 "点数 = 折扣" 说明文字 --- */
.wll-percent-action-text {
    display: none !important;
}

/* 隐藏积分面板里的“邀请书友”蓝色区块 */
.wll-member-referral-container {
    display: none !important;
}
.wll-guest-referral-container{
    display: none !important;
}

/* 隐藏注册页面上 WPLoyalty 的提示语 (也就是那个句号) */
.wlr-signup-message {
    display: none !important;
}

/* 隐藏积分面板里的兑换Header */
.wll-reward-opportunities-my-rewards-tab-container {
    display: none !important;
}



/* 隐藏书馆积分页面 */
.wlr-earning-options {
    display: none !important;
}

.wlr-reward-type-name {
    display: none !important;
}

.wlr-theme-color-apply{
    display: none !important;
}

#wlr_currency_list{
    display: none !important;
}

.wlr-action-text{
    font-weight: 500 !important;
}

.wlr-coupon-card-footer{
    display: none !important;
}

/* 查找在 wlr-transaction-container 内部表格的 tbody 里的 td 下的 div */
#wlr-transaction-table .wlr-transaction-container td div {
  text-align: center !important;
}

/* 隐藏“邀请书友”详情里多余的英文描述 (高度切割法) */
p.wll-preview-referral-discount-desc {
    /* 1. 限制高度：只允许显示 1.5倍 行高 (也就是一行字) */
    max-height: 1.5em !important; 
    
    /* 2. 溢出隐藏：超过这个高度的内容 (第二行的英文) 全部切掉 */
    overflow: hidden !important;
    
    /* 3. 确保是以块级显示，让高度限制生效 */
    display: block !important;
    
    /* 4. 确保行高标准，防止字被切一半 */
    line-height: 1.5 !important;
}
/* 隐藏“邀请书友”详情里多余的英文描述 (高度切割法) */
p.wll-earn-points-referral-description {
    /* 1. 限制高度：只允许显示 1.5倍 行高 (也就是一行字) */
    max-height: 1.5em !important; 
    
    /* 2. 溢出隐藏：超过这个高度的内容 (第二行的英文) 全部切掉 */
    overflow: hidden !important;
    
    /* 3. 确保是以块级显示，让高度限制生效 */
    display: block !important;
    
    /* 4. 确保行高标准，防止字被切一半 */
    line-height: 1.5 !important;
}





/* ==============================================
   购物车/结账 Notification Bar
   ============================================== */
/* --- 修复版：完美对齐 (左边不重叠 + 右边按钮贴边) --- */
#main .woocommerce-message,
#main .woocommerce-info,
#main .woocommerce-error {
    display: grid !important;          
    /* 核心布局：图标(自动) | 文字(占满剩余) | 按钮(自动) */
    grid-template-columns: max-content 1fr auto !important; 
    
    align-items: center !important;    
    column-gap: 15px !important;       /* 图标和字之间的间距 */
    width: 100% !important;            
    text-align: left !important;
    
    /* 右边距设为0，让按钮贴边 */
    padding-right: 0 !important;    
    /* 左边距保留，让图标离左边缘有点距离 */
    padding-left: 20px !important;  
}

/* --- 1. 图标修复 (关键修改) --- */
#main .woocommerce-message::before,
#main .woocommerce-info::before,
#main .woocommerce-error::before {
    position: static !important; /* 关键！强制图标“落地”，不再浮动 */
    display: inline-block !important;
    margin: 0 !important; 
    width: auto !important;
    float: none !important;
    transform: none !important; /* 防止图标位置偏移 */
}

/* --- 2. 按钮 (撤销/查看购物车) - 自动居中版 --- */
#main .woocommerce-message .button,
#main .woocommerce-message .restore-item,
#main .woocommerce-info .button,
#main .woocommerce-error .button,
#main .woocommerce-message a.wc-forward {
    justify-self: end !important;   /* 水平靠右 */
    align-self: center !important;  /* 垂直自动居中 (替代 margin-bottom) */
    
    white-space: nowrap !important; 
    
    /* 关键：把上下边距清零，让 align-self 完美生效 */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    
    /* 按钮离最右边的距离 */
    margin-right: 15px !important;   
    
    /* --- 可选：如果你想把“撤销？”改成“放回” --- */
    /* 如果不需要改字，下面两行可以删掉 */
    font-size: 0 !important; 
}

/* --- 2.1 按钮文字替换 (配合上面的 font-size: 0) --- */
#main .woocommerce-message .restore-item::after {
    content: "放回" !important;     /* 新文字 */
    font-size: 15px !important;     /* 恢复文字大小 */
    display: inline-block !important;
    vertical-align: middle !important;
}

/* --- 3. 清除干扰 --- */
#main .woocommerce-message::after,
#main .woocommerce-info::after,
#main .woocommerce-error::after {
    display: none !important;
}



/* --- 优惠券错误提示：垂直居中 + 左边距 --- */
.coupon-error-notice,
#coupon-error-notice {
    align-self: center !important;   /* 关键：在 Flex 布局中自动垂直居中 */
    margin-left: 20px !important;  
    
    /* 清除多余的边距，防止位置跑偏 */
    margin-top: 0 !important;       
    margin-bottom: 0 !important;
    
    /* 确保它只占文字的宽度，不会被挤到下一行 */
    width: auto !important;          
    float: none !important;
}



/* --- 修正“点击这里登录”链接的位置 --- */
.woocommerce-info .showlogin {
    align-self: center !important;   /* 核心：垂直自动居中 */
    justify-self: end !important;    /* 确保它靠在最右边（像按钮一样） */
    
    margin-right: 20px !important;   /* 你要求的右边距 */
    
    /* 清除可能导致位置偏上或偏下的干扰 */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    float: none !important; 
}



/* --- 登录按钮：增加上方间距 --- */
.woocommerce-form-login .woocommerce-form-login__submit {
    margin-top: 20px !important;
}





/* NEWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW */
/* NEWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW */
/* NEWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW */



/* ==============================================
   Chaty 的手机和平板位置
   ============================================== */

@media (max-width: 999px) {
  #chaty-widget-0, .chaty-widget {
    left: auto !important;
    right: 12.5% !important;
    bottom: 65px !important;
    /* 居中微调 */
    /* Chaty 图标宽54px，所以-27px */
    margin-right: -30px !important; 
    margin-left: 0 !important;
    /* 5. 确保层级 */
    z-index: 9999 !important;
  }
}



/* ==============================================
    Shortcut Bar 点击后的变色
   ============================================== */

/* --- 定义全局变量 --- */
:root {
    /* 只需要在这里修改颜色，全自动生效 */
    --shortcut-active-color: #fdb016;
}

/* --- 核心高亮逻辑 (合并写法) --- */
/* 这里的逗号 (,) 代表“或者”的意思，只要满足其中一种情况，就应用颜色 */

/* 情况1: 在账户页面 -> 高亮“我的订单” */
body.woocommerce-account .ct-shortcuts-bar a[href*="orders"],
/* 情况2: 在花茶页面 -> 高亮“花茶” */
body.term-flowertea .ct-shortcuts-bar a[href*="flowertea"],
/* 情况3: 在果茶页面 -> 高亮“果茶” */
body.term-fruittea .ct-shortcuts-bar a[href*="fruittea"],
/* 情况4: 在谷粮页面 -> 高亮“谷粮” */
body.term-multigrain .ct-shortcuts-bar a[href*="multigrain"] {
    color: var(--shortcut-active-color) !important;
}

/* --- 让图标和文字自动跟随颜色 --- */
/* 只要上面的链接变色了，图标和文字就自动继承那个颜色 */
.ct-shortcuts-bar a svg {
    transition: fill 0.3s ease; /* 加一点平滑过渡效果 */
}

/* 当链接被高亮时，强制图标填充当前颜色 */
body.woocommerce-account .ct-shortcuts-bar a[href*="orders"] svg,
body.term-flowertea .ct-shortcuts-bar a[href*="flowertea"] svg,
body.term-fruittea .ct-shortcuts-bar a[href*="fruittea"] svg,
body.term-multigrain .ct-shortcuts-bar a[href*="multigrain"] svg {
    fill: currentColor !important;
}

/* 当链接被高亮时，强制文字变色 */
body.woocommerce-account .ct-shortcuts-bar a[href*="orders"] .ct-label,
body.term-flowertea .ct-shortcuts-bar a[href*="flowertea"] .ct-label,
body.term-fruittea .ct-shortcuts-bar a[href*="fruittea"] .ct-label,
body.term-multigrain .ct-shortcuts-bar a[href*="multigrain"] .ct-label {
    color: currentColor !important;
}