/* =========================================================
   桌面端专用样式 (屏幕宽度 ≥ 1025px)
   注：如果不需要与平板区分，可用 min-width: 769px 统一
========================================================= */

@media (min-width: 769px) {
    .account-user.circle .membership-inline {
        display: none !important;
    }
}

/*.woocommerce-MyAccount-navigation-link--dashboard {
    display: none !important;
}
/**/
@media (min-width: 768px) {
    .dashboard-tabs {
        display: none !important;
    }
}

/**/
.account-user.circle .membership-inline {
    display: inline-block;
}

/* 只允许手机显示 */
@media (pointer: fine) or (min-width: 769px) {
    .account-user.circle .membership-inline {
        display: none !important;
    }
}


/* Dashboard Right Top Bar Menu */

/*/*/


/*/*/

/* 顶部容器 */
.woocommerce-MyAccount-content .account-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    margin-bottom: 10px;
}

/* 左侧标题 */
.account-topbar .topbar-left {
    font-size: 21px;
    font-weight: 600;
}

/* 手机端显示 topbar-left */
@media (max-width: 768px) {
    .topbar-left {
        display: block !important;
    }
}

/* 桌面端隐藏 topbar-left（保持现状） */
@media (min-width: 769px) {
    .topbar-left {
        display: block !important;
    }
}


/* 右侧按钮区域（重点） */
.account-topbar .topbar-right {
    display: flex;
    gap: 12px;
    margin-left: auto; /* 🔥关键：推到右边 */
}

/* Membership按钮颜色 */

/* 
/* 
/* =========================================================
   1. BASE TEXT SYSTEM
========================================================= */

.woocommerce-account .account-topbar .membership-link{
    font-weight:700 !important;
    text-decoration:none !important;
    display:inline-block;
}

/* =========================================================
   BASE TEXT SYSTEM（统一渐变文字）
========================================================= */

.membership-link{
    display: inline-block;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;
    color: transparent !important;

    background-repeat: no-repeat;
    background-size: 100% 100%;

    text-transform: uppercase;
    letter-spacing: 0.06em;

    will-change: filter;
}


/* =========================================================
   2A. ACTIVE（轻微增强亮度）
========================================================= */

@keyframes membership-active {
    0%, 100% {
        filter: brightness(0.9) saturate(0.95);
    }

    50% {
        filter: brightness(1.25) saturate(1.1);
    }
}


/* =========================================================
   2B. UPGRADE（更清晰但不刺眼）
========================================================= */

@keyframes membership-upgrade {
    0% {
        filter: brightness(1);
    }

    15% {
        filter: brightness(1.4) saturate(1.15);
    }

    35% {
        filter: brightness(0.95);
    }

    55% {
        filter: brightness(1.3);
    }

    75% {
        filter: brightness(1.05);
    }

    100% {
        filter: brightness(1);
    }
}


/* =========================================================
   3. MEMBERSHIP COLORS（轻微提亮版本）
========================================================= */

/* Free */
.membership-free{
    background-image: linear-gradient(
        90deg,
				#E11D48, 
				#6B7280, 
				#9CA3AF
    );
}

/* Explorer */
.membership-explorer{
    background-image: linear-gradient(
        90deg,
				#6B7280, 
				#9CA3AF, 
				#6B7280
    );
}

/* Scribe */
.membership-scribe{
    background-image: linear-gradient(
        90deg,
				#1D4ED8, 
				#60A5FA, 
				#1D4ED8
    );
}

/* Archivist */
.membership-archivist{
    background-image: linear-gradient(
        90deg,
        #047857,
        #34D399,
        #047857
    );
}

/* Curator */
.membership-curator{
    background-image: linear-gradient(
        90deg,
        #B45309,
        #FBBF24,
        #B45309
    );
}

/* Collector */
.membership-collector{
    background-image: linear-gradient(
        90deg,
        #C2410C,
        #FB923C,
        #C2410C
    );

    animation: membership-active 3.8s ease-in-out infinite;
}

/* Connoisseur */
.membership-connoisseur{
    background-image: linear-gradient(
        90deg,
        #6D28D9,
        #A78BFA,
        #6D28D9
    );

    animation: membership-active 4s ease-in-out infinite;
}

/* Paragon */
.membership-paragon{
    background-image: linear-gradient(
        90deg,
        #8A6A1A,
        #C89B2C,
        #8A6A1A
    );

    animation: membership-active 4.2s ease-in-out infinite;
}


/* =========================================================
   4. STATE SYSTEM（升级闪光：轻增强）
========================================================= */

.membership-upgraded {
    animation:
        membership-upgrade 1.3s ease-in-out 2,
        membership-active 4s ease-in-out infinite !important;
}





/* Account and Point 数字变金色 */
.topbar-right a[href="/my-account/account-funds"] {
    background: linear-gradient(90deg, #333 0%, #333 0%, #d4af37 100%, #d4af37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.topbar-right a[href="/my-account/loyalty_reward"] {
    background: linear-gradient(90deg, #333 0%, #333 0%, #d4af37 100%, #d4af37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.topbar-right a[href*="wp-login.php?action=logout"] {
    background: linear-gradient(
        90deg,
        #4b0f0f 0%,
        #7f1d1d 45%,
        #991b1b 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}







/* icon按钮颜色 */
.account-topbar .topbar-right a {
    font-size: 17px;
    text-decoration: none;
    opacity: 0.8;
    font-weight: 700; /* 加粗 */
    color: #000;      /* 黑色 */
}

.account-topbar .topbar-right a:hover {
    opacity: 1;
}

/*底部Border的颜色*/
.account-topbar {
    border-bottom: 5px solid rgba(0, 0, 0, 0.55);
}

/* */
.app-tabs {
    display: flex;
    gap: 12px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.app-tabs a {
    text-decoration: none;
    padding: 6px 10px;
}


/* New CSS For Donation Plugin */

/* =====================================
   1. AMOUNT GRID（两列）
===================================== */
#wcdp_va_amount ul.wcdp_options {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px !important;

    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

#wcdp_va_amount li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}


/* =====================================
   2. SAFE RADIO HIDE（关键稳定写法）
===================================== */
#wcdp_va_amount input[type="radio"],
#wcdp_1_suggestion-donation-frequency input[type="radio"],
#wcdp_2_suggestion-donation-frequency input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


/* =====================================
   3. BUTTON BASE STYLE
===================================== */
.wcdp-button-label,
.wcdp_label_custom_amount {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 48px !important;

    background: #4a4a4a !important;
    border: 1px solid #4a4a4a !important;

    color: #fff !important;
    font-size: 23px !important;
    font-weight: 600 !important;

    cursor: pointer;
    box-sizing: border-box;
    transition: all 0.2s ease;

    position: relative;
    padding-right: 30px !important;
}

/* hover */
.wcdp-button-label:hover,
.wcdp_label_custom_amount:hover {
    background: #a83232 !important;
    border-color: #a83232 !important;
}

/* selected */
input[type="radio"]:checked + .wcdp-button-label {
    background: #8b0000 !important;
    border-color: #8b0000 !important;
}


/* =====================================
   4. ✔ CHECK ICON（右侧）
===================================== */
.wcdp-button-label::after {
    content: "✓";

    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);

    font-size: 16px;
    opacity: 0;
    transition: 0.2s;
}

/* selected show */
input[type="radio"]:checked + .wcdp-button-label::after {
    opacity: 1;
}

/* remove default icon */
.wcdp-button-label::before {
    display: none !important;
}


/* =====================================
   5. OTHER INPUT
===================================== */
#wcdp_va_amount .wcdp_cu_field {
    display: none !important;
    width: 100%;
}

/* show when selected */
#wcdp_va_amount .wcdp_value_other:checked ~ label .wcdp_cu_field {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

/* input */
.wcdp_donation_amount_field {
    font-size: 23px !important;
    border: none !important;
    outline: none !important;
}


/* =====================================
   6. DONATION FREQUENCY GRID
===================================== */
#wcdp_1_suggestion-donation-frequency,
#wcdp_2_suggestion-donation-frequency {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;

    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}


/* =====================================
   7. HEADINGS
===================================== */
.wcdp-variation-heading {
    font-size: 23px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    display: block !important;
}


/* =====================================
   8. NEXT BUTTON
===================================== */
#wcdp-ajax-button {
    margin-top: 30px !important;
    display: block !important;
}


/* =====================================
   9. WooCommerce PRICE (ONLY WCDP SAFE)
===================================== */
#wcdp_va_amount .woocommerce-Price-amount,
#wcdp_va_amount .woocommerce-Price-currencySymbol {
    color: #fff !important;
}


/* =====================================
   10. OTHER $ STYLE (FIXED)
===================================== */
#wcdp_va_amount .wcdp_label_custom_amount .wcdp_cu_field span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    background: #4a4a4a !important;
    color: #ffffff !important;

    padding: 0 8px;
    height: 32px;

    font-size: 23px;
    font-weight: 600;
}


/* hover restore */
#wcdp_va_amount .wcdp_label_custom_amount:hover .wcdp_cu_field span {
    background: #a83232 !important;
    color: #ffffff !important;
}


/* =====================================
   11. CLEAN OTHER CHECK ICON (OFF)
===================================== */
#wcdp_va_amount .wcdp_label_custom_amount::after {
    display: none !important;
}


/* 隐藏 Dashboard 默认 Hello + logout */
.woocommerce-MyAccount-content > p:first-of-type{
    display:none !important;
}

/* Member Top Bar Color */
.account-topbar{
    background:#f2f2f2 !important;
    padding:16px 20px !important;
    border-radius:1px;
}

/* Hide Member Dicsount Message at Top of Product*/
.wc-memberships-member-discount {
    display: none !important;
}

/* Hide Rewards point Message at Top of Product*/
.wlr-product-message {
    display: none !important;
}

/* Account Manage Area */
.membership-upgrade-box {
    display: inline-flex;
    gap: 8px;
    margin-left: 10px;
    margin-top: 0 !important;
    align-items: center;
}

.my-membership-detail-user-membership-actions td {
    white-space: nowrap;
}

/* Buttom Gap */
.my-membership-detail-user-membership-actions a.cancel {
    display: inline-block;
    margin-top: 10px;
    vertical-align: middle;
}

/* */


/* Hide Vew Billing */

/* =========================
   Membership Action Buttons
   ========================= */

/* 容器整体布局 */
.membership-actions.order-actions {
    display: flex !important;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* 所有按钮统一基础样式 */
.membership-actions.order-actions a.button {
    font-size: 14px !important;
    padding: 6px 12px !important;
    line-height: 1.3 !important;
    border-radius: 0px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

/* View 按钮 */
.membership-actions.order-actions a.button.view {
    font-size: 14px !important;
}

/* Billing（view-subscription）按钮 */
.membership-actions.order-actions a.button.view-subscription {
    font-size: 12px !important;
}

/* View Invoice*/
.woocommerce a.button.wc_pip_view_invoice {
    font-size: 13px !important;
}

/* Hover 统一 */
.membership-actions.order-actions a.button:hover {
    opacity: 0.85;
    text-decoration: none;
}

/* 防 Flatsome / WooCommerce 强制样式覆盖 */
.membership-actions.order-actions a.button,
.membership-actions.order-actions a.button:visited {
    font-size: 14px !important;
}

/* 防止主题强制 flex 破坏 WooCommerce table */
.woocommerce table.shop_table td.order-actions,
.woocommerce table.shop_table td.membership-actions {
    display: table-cell !important;
}







/* =========================
   FIX membership actions buttons
========================= */


td.membership-actions.order-actions {
    white-space: nowrap;
}

/* 统一按钮基础样式 */
td.membership-actions.order-actions a.button {
    display: inline-block !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    line-height: 0. !important;
    margin-right: 8px !important;
    border-radius: 4px;
    vertical-align: middle;
}

/* Cancel 按钮（危险操作强调） */
td.membership-actions.order-actions a.cancel {
    background: #f44336 !important;
    color: #fff !important;
    border: none !important;
}

.woocommerce td.membership-actions.order-actions a.view {
    font-size: 12px !important;
    background: #111 !important;
    color: #fff !important;
    border: none !important;
}

/* hover */
td.membership-actions.order-actions a.button:hover {
    opacity: 0.85;
}







/* =========================
   MEMBERSHIP BUTTON - NARROW STYLE
========================= */
/* =========================
   NARROW BUTTON FIX
========================= */

td.membership-actions.order-actions a.button {
    font-size: 12px !important;

    /* 👉 关键：左右变窄 */
    padding: 4px 6px !important;

    /* 👉 防止被撑宽 */
    min-width: unset !important;
    width: auto !important;

    /* ❌ 修复错误 line-height */
    line-height: 1 !important;

    /* 👉 文字位置控制（核心） */
    display: inline-flex !important;
    align-items: center !important;      /* 垂直居中 */
    justify-content: center !important;  /* 水平居中 */

    /* 防止文字偏移 */
    vertical-align: middle !important;
}

/* View */
td.membership-actions.order-actions a.view {
    background: #111 !important;
    color: #fff !important;
    border: none !important;
}

/* Cancel */
td.membership-actions.order-actions a.cancel {
    background: #e53935 !important;
    color: #fff !important;
    border: none !important;
}

/* Next Bill On Width */


table.shop_table {
    table-layout: fixed !important;
}

td.membership-next-bill-on {
    width: 60px !important;
    max-width: 60px !important;

    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;

    text-align: center;

    padding: 2px 4px !important;
    font-size: 14px !important;
}








/* */
.my-membership-detail-user-membership-actions a.button {
    padding: 2px 5px !important;
    font-size: 11px !important;
}







/* */

/* =========================
   MEMBERSHIP ACTION BUTTONS FIX (FINAL)
========================= */
/* =========================
   MEMBERSHIP ACTION BUTTONS FIX (FINAL CLEAN)
========================= */

/* 容器：统一对齐 */
.my-membership-detail-user-membership-actions td:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

/* 统一所有按钮基础样式 */
.my-membership-detail-user-membership-actions a.button {
    font-size: 14px !important;

    padding: 3px 10px !important;
    line-height: 1 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;

    height: 27px !important;

    min-width: unset !important;
    white-space: nowrap;

    border-radius: 0px;
}

/* Upgrade / Downgrade */
.my-membership-detail-user-membership-actions a.button:not(.cancel) {
    background: #111 !important;
    color: #fff !important;
    border: none !important;
}

/* Cancel（只改颜色 + 保持对齐，不做位移） */
.my-membership-detail-user-membership-actions a.cancel {
    background: #e53935 !important;
    color: #fff !important;
    border: none !important;

    /* ❌ 关键：禁止任何偏移 */
    transform: translateY(-5px); /* 改成 -1px 或 1px 试视觉 */
}


/* =========================
   TABLE OVERALL FIX
========================= */

table.my_account_memberships {
    table-layout: fixed !important;
    width: 100% !important;
}

/* =========================
   COLUMN WIDTH CONTROL
========================= */

th.membership-plan,
td.membership-plan {
    width: 18% !important;
}

th.membership-start-date,
td.membership-start-date,
th.membership-end-date,
td.membership-end-date {
    width: 15% !important;
}

th.membership-status,
td.membership-status {
    width: 10% !important;
    text-align: center;
}

th.membership-next-bill-on,
td.membership-next-bill-on {
    width: 12% !important;
    text-align: left;
    white-space: nowrap !important;
}

th.membership-actions,
td.membership-actions {
    width: 25% !important;
}

/* =========================
   TEXT ALIGNMENT FIX
========================= */

td {
    vertical-align: middle !important;
}

/* =========================
   BUTTON STYLE FIX
========================= */

td.membership-actions.order-actions {
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* 所有按钮统一 */
td.membership-actions.order-actions a.button {
    font-size: 13px !important;
    padding: 4px 8px !important;

    min-width: unset !important;
    width: auto !important;

    line-height: 1 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* View / Billing */
td.membership-actions.order-actions a.view,
td.membership-actions.order-actions a.view-subscription {
    background: #111 !important;
    color: #fff !important;
    border: none !important;
}

/* Cancel */
td.membership-actions.order-actions a.cancel {
    background: #e53935 !important;
    color: #fff !important;
    border: none !important;
}


/* Subscription Button Style Change*/


/* Subscription Actions 按钮统一样式 */
table.subscription_details td:last-child a.button {
    font-size: 13px !important;
    padding: 4px 8px !important;
    line-height: 1 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    white-space: nowrap !important;
    border: none !important;
}

/* Cancel = 红色 */
table.subscription_details a.cancel {
    background: #e53935 !important;
    color: #fff !important;
    border: none !important;
}

/* Change Payment + Renew Now = 黑色 */
table.subscription_details a.change_payment_method,
table.subscription_details a.subscription_renewal_early {
    background: #111 !important;
    color: #fff !important;
    border: none !important;
}

/*  */

/* ================================
   🔧 FIX Cropper 容器大小
================================ */

.cropper-container {
    max-width: 100% !important;
    max-height: 60vh !important;   /* 防止太高 */
    margin: 0 auto !important;
}

/* ================================
   🔧 限制图片不爆框
================================ */

.cropper-canvas img {
    max-width: 100% !important;
    height: auto !important;
}

/* ================================
   🔧 裁剪框边界优化
================================ */

.cropper-view-box {
    outline: 2px solid #fff !important;
    outline-color: rgba(255,255,255,0.9) !important;
}

/* 外层阴影更柔和 */
.cropper-face {
    background-color: rgba(0,0,0,0.35) !important;
}

/* 边框线更清晰 */
.cropper-line,
.cropper-point {
    background-color: #fff !important;
}

/* ================================
   🔧 防止“超大 canvas 拉伸”
================================ */

.cropper-canvas {
    max-width: 100% !important;
    max-height: 60vh !important;
    transform-origin: center center !important;
}


/* */

/* =========================
   CROPPER MODAL SOFT OVERLAY FIX
========================= */

/* ⭐整体遮罩（最重要） */
.cropper-modal {
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(6px); /* ⭐关键：高级感来源 */
}

/* ⭐你提到的这个层（核心优化） */
.cropper-drag-box.cropper-crop.cropper-modal {
    background: rgba(0, 0, 0, 0.20) !important;
    border-radius: 6px !important;
}

/* ⭐裁剪区域外的暗部（柔化过渡） */
.cropper-dashed {
    border-color: rgba(255,255,255,0.25) !important;
}

/* ⭐裁剪外区域更“轻” */
.cropper-face {
    background-color: transparent !important;
}

/* ⭐选区外阴影（关键提升质感） */
.cropper-view-box {
    outline: 1px solid rgba(255,255,255,0.85) !important;
    box-shadow: 0 0 0 9999px rgba(0,0,0,0.35);
}

/* ⭐移动区域不再“黑块感” */
.cropper-drag-box {
    background: transparent !important;
}

/* ⭐减少视觉噪点 */
.cropper-center {
    opacity: 0.15 !important;
}


/* Dashboard Background*/
.large-9.col{
    background: #ffffff;
}

.large-3.col.col-border{
    background: #ffffff;
}

.membership-tabs{
    background: #ffffff;
}


/*Member Product Discount Add to Cart*/


/* ===============================
   ACTION COLUMN LAYOUT
=============================== */
td.membership-product-actions,
td.membership-discount-actions {
    white-space: nowrap !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    vertical-align: middle !important;
}

/* ===============================
   ALL BUTTONS
=============================== */
td.membership-product-actions a.button,
td.membership-discount-actions a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;

    padding: 0 8px !important;
    margin: 2px !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    border-radius: 0px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    flex: 0 0 auto !important;
}

/* ===============================
   ADD BUTTON ONLY
=============================== */
td.membership-product-actions a.button.add-to-cart,
td.membership-discount-actions a.button.add-to-cart {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;

    font-size: 0 !important;

    position: relative !important;
}

/* hide original text */
td.membership-product-actions a.button.add-to-cart span,
td.membership-discount-actions a.button.add-to-cart span {
    display: none !important;
}

/* replace text */
td.membership-product-actions a.button.add-to-cart::after,
td.membership-discount-actions a.button.add-to-cart::after {
    content: "Add";
    color: #fff;

    font-size: 12px;
    font-weight: 700 !important;

    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;
}















/* ===============================
   My Account Nav Hover
=============================== */
/* ===============================
   My Account Navigation
=============================== */
.woocommerce-MyAccount-navigation ul li a {
    transition: all 0.25s ease;
}




/* ===============================
   BASE
=============================== */
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    transition: background 0.25s ease, color 0.25s ease;
    border-radius: 0px;
}

/* ===============================
   HOVER - stronger gradient
=============================== */
.woocommerce-MyAccount-navigation ul li a:hover {
    background: linear-gradient(135deg, #A8A8A8 0%, #6F6F6F 100%) !important;
    color: #fff !important;
}

/* ===============================
   ACTIVE - stronger dark gradient
=============================== */
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li.active a {
    background: linear-gradient(135deg, #7A7A7A 0%, #FFD700 100%) !important;
    color: #fff !important;
}







/* ===============================
   My Account Nav Text Shift Right
=============================== */
.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding-left: 19px !important;   /* 往右移 */
}










/* =========================================================
   TOPBAR-RIGHT HOVE AND ACTIVE
========================================================= */













@media (min-width: 769px) {

    /* ===============================
       FORCE ACTIVE TEXT TO WHITE (ALL CASES)
    =============================== */

    .topbar-right a.active,
    .topbar-right a[aria-current="page"] {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }

    .topbar-right a.active *,
    .topbar-right a[aria-current="page"] * {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }

    /* ===============================
       SPECIFIC FIX: WLR SPANS OVERRIDE
    =============================== */
    .topbar-right a.active .wlr-text-color,
    .topbar-right a[aria-current="page"] .wlr-text-color,
    .topbar-right a.active span,
    .topbar-right a[aria-current="page"] span,
    .topbar-right a.active bdi,
    .topbar-right a[aria-current="page"] bdi {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }
}









@media (min-width: 769px) {

    /* 强制覆盖之前的间距 */
    .topbar-right a {
        padding: 2px 6px !important;
        margin: 0 !important;
    }

    .topbar-right .divider {
        margin: 0 2px !important;
        opacity: 0.6;
    }

    .topbar-right {
        gap: 0 !important;
    }
}

/*Woocommerce Product Price After Selection*/
.woocommerce-variation-price .woocommerce-Price-amount {
    font-size: 50px !important;
    font-weight: 700 !important;
}