/* =========================================================
SUNVERGE LIVING - CLEAN ADDITIONAL CSS
Last cleaned by ChatGPT
========================================================= */

/* =========================================================
01. Global Variables
========================================================= */
 {
--sv-green: #68bd3c;
--sv-green-dark: #4fa52b;
--sv-text: #222222;
--sv-muted: #666666;
--sv-red: #d32f2f;
}

/* =========================================================
03. Hide Compare
========================================================= */
.group-action .shop-action .woosc-btn,
.single-product .summary .woosc-btn,
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--compare,
.single-product .compare,
.single-product a.compare,
.single-product button.compare {
display: none !important;
}

/* =========================================================
04. Login / Google Login
========================================================= */
.social-login-divider {
position: relative;
text-align: center;
margin: 30px 0 20px;
}

.social-login-divider::before,
.social-login-divider::after {
content: "";
position: absolute;
top: 50%;
width: 42%;
height: 1px;
background: #dddddd;
}

.social-login-divider::before {
left: 0;
}

.social-login-divider::after {
right: 0;
}

.social-login-divider span {
position: relative;
z-index: 2;
padding: 0 15px;
background: #f5f5f5;
color: var(--sv-muted);
font-size: 14px;
font-weight: 600;
}

.nsl-container {
display: flex;
justify-content: center;
}

#customer_login > div.u-column2.col-2 > form > p(3) {
margin: 0 0 0.8rem;
}

.logged-in .social-login-divider,
.logged-in .nsl-container,
.logged-in .sunverge-google-bottom,
.logged-in .sunverge-google-center
{
display: none !important;
}

form.woocommerce-form-register {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}

.site-header-account .account-dropdown a.register-link {
color: #000000 !important;
font-weight: 700;
text-decoration: underline;
}

/* =========================================================
05. Header, Menu, Footer
========================================================= */
.header-group-action .site-header-wishlist .count,
.header-group-action .site-header-cart .count,
.site-header-wishlist .header-wishlist .count,
.site-header-cart .cart-contents .count {
background-color: var(--sv-green);
}

.main-navigation ul.menu > li.menu-item > a {
padding: 6px 8px;
}

.main-navigation ul.menu > li.menu-item > a {
background-color: var(--sv-green);
}

.mega-menu .elementor-icon-list-items li {
text-align: left;
}

footer ul li {
list-style: none;
padding-left: 0;
margin: 0;
}

@media (max-width: 1600px) {
.menu-title {
font-size: 0.8rem;
}
}

@media (max-width: 768px) {
.menu a {
font-size: 14px !important;
font-weight: 700 !important;
}

.sub-menu a {
    font-size: 14px !important;
    font-weight: 400 !important;
}

}

/* =========================================================
06. General WooCommerce / Layout
========================================================= */
.price {
font-size: 1rem;
}

.entry-content {
margin-top: 3rem;
margin-bottom: 3rem;
}

#vision-more-info-btn {
cursor: pointer;
}

.fade-switching {
opacity: 0;
transition: opacity 0.5s ease;
}

.fade-visible {
opacity: 1;
transition: opacity 0.5s ease;
}

button[class="woocommerce-button button woocommerce-form-login__submit"],
form.woocommerce-form-register button[type="submit"],
button[name="apply_coupon"],
button[name="update_cart"],
a.checkout-button,
.woocommerce-button.button.view {
background-color: var(--sv-green);
}

form.woocommerce-form-login button[type="submit"],
form.woocommerce-form-register button[type="submit"] {
background-color: #2a600e !important;
}

.aunuca-products-grid ul li {
box-sizing: border-box;
background: #ffffff;
border: 1px solid #e5e5e5;
transition: 0.3s ease;
}

.aunuca-products-grid ul li {
border-color: #cfcfcf;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.product-caption {
padding: 0 8px;
}

.product-category {
margin-top: 5px;
color: #999999;
font-size: 13px;
}

#content #primary .site-main article {
padding: 0 15px;
}

/* =========================================================
07. Single Product Page
========================================================= */
.single-product form.cart {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}

.single-product form.cart .quantity_wrap {
order: 1;
flex: 0 0 auto;
}

.single-product form.cart .single_add_to_cart_button(.sunverge-checkout-btn) {
order: 2;
flex: 1;
min-width: 350px;
}

.single-product form.cart .product_button {
order: 3;
flex: 1;
display: flex;
width: fit-content;
max-width: 150px;
}

.single-product form.cart .sunverge-checkout-btn {
order: 4;
flex: 1;
width: 100%;
}

.sunverge-installment-box {
display: inline-block;
margin-bottom: 15px;
color: var(--sv-text);
font-size: 20px;
line-height: 1.3;
background: #ffffff;
}

.sunverge-installment-box strong {
font-weight: 700;
}

.sunverge-customize-box {
margin-top: 25px;
margin-bottom: 25px;
padding: 20px 24px;
background: #f7f7f7;
border-left: 4px solid #62bd36;
border-radius: 10px;
}

.sunverge-customize-box p {
margin-bottom: 10px;
font-size: 15px;
line-height: 1.6;
}

.sunverge-customize-box p strong {
color: #111111;
font-size: 18px;
}

.sunverge-customize-btn {
display: inline-block;
margin-top: 8px;
padding: 12px 24px;
background: #62bd36;
color: #ffffff !important;
border-radius: 30px;
font-weight: 600;
text-decoration: none !important;
}

.sunverge-customize-btn {
background: var(--sv-green-dark);
color: #ffffff !important;
}

/* Buy Now / Checkout Now button */
#sunverge-checkout-now.sunverge-checkout-btn {
position: relative;
overflow: hidden;
background: var(--sv-green) !important;
border: 1px solid var(--sv-green) !important;
color: #ffffff !important;
}

#sunverge-checkout-now.sunverge-checkout-btn .button-wrapper,
#sunverge-checkout-now.sunverge-checkout-btn .button-text,
#sunverge-checkout-now.sunverge-checkout-btn i,
#sunverge-checkout-now.sunverge-checkout-btn svg,
#sunverge-checkout-now.sunverge-checkout-btn svg *,
#sunverge-checkout-now.sunverge-checkout-btn .button-wrapper::before {
position: relative;
z-index: 5;
color: #ffffff !important;
fill: #ffffff !important;
stroke: #ffffff !important;
}

#sunverge-checkout-now.sunverge-checkout-btn .blob-btn__inner,
#sunverge-checkout-now.sunverge-checkout-btn .blob-btn__blobs {
display: block !important;
}

#sunverge-checkout-now.sunverge-checkout-btn .blob-btn__blob {
background: #ffffff !important;
}

#sunverge-checkout-now.sunverge-checkout-btn {
background: var(--sv-green) !important;
border-color: var(--sv-green) !important;
color: var(--sv-green) !important;
}

#sunverge-checkout-now.sunverge-checkout-btn .button-wrapper,
#sunverge-checkout-now.sunverge-checkout-btn .button-text,
#sunverge-checkout-now.sunverge-checkout-btn i,
#sunverge-checkout-now.sunverge-checkout-btn svg,
#sunverge-checkout-now.sunverge-checkout-btn svg *,
#sunverge-checkout-now.sunverge-checkout-btn .button-wrapper::before {
color: var(--sv-green) !important;
fill: var(--sv-green) !important;
stroke: var(--sv-green) !important;
}

#sunverge-checkout-now.sunverge-checkout-btn::after {
position: relative;
z-index: 9;
color: #ffffff !important;
}

#sunverge-checkout-now.sunverge-checkout-btn:hover::after {
color: var(--sv-green) !important;
}

/* =========================================================
08. Checkout / Order Received Breadcrumb
========================================================= */
.breadcrumb-order-received {
display: none;
min-height: 460px;
padding: 120px 0;
background-image: url("https://sunvergeliving.com/wp-content/uploads/2026/03/Order_Received_Page.jpg") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}

.breadcrumb-checkout {
display: block;
min-height: 460px;
padding: 120px 0;
background-image: url("https://sunvergeliving.com/wp-content/uploads/2026/03/Checkout_Page.jpg") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}

.woocommerce-order-received .breadcrumb-checkout {
display: none !important;
}

.woocommerce-order-received .breadcrumb-order-received {
display: block !important;
}

/* =========================================================
09. Checkout Delivery Notice
========================================================= */
.woocommerce-checkout .sv-checkout-right-notice {
width: 41%;
float: right;
clear: right;
margin-top: 28px;
padding: 24px 28px;
border-radius: 14px;
box-sizing: border-box;
}

.woocommerce-checkout .sv-checkout-right-notice h3 {
margin: 0 0 12px;
color: var(--sv-red);
font-size: 24px;
font-weight: 700;
line-height: 1.3;
}

.woocommerce-checkout .sv-checkout-right-notice p {
margin: 0 0 12px;
color: var(--sv-red);
font-size: 16px;
line-height: 1.7;
}

.woocommerce-checkout .sv-checkout-right-notice p {
margin-bottom: 0;
}

.woocommerce-checkout .sv-checkout-right-notice a {
color: var(--sv-red);
font-weight: 700;
text-decoration: underline;
}

/* =========================================================
10. Checkout Payment Radio Buttons
Note: Use native radio buttons to avoid broken hidden inputs.
========================================================= */

.woocommerce-checkout #payment input[type="radio"],
.woocommerce-checkout #payment input.input-radio {
display: inline-block !important;
position: static !important;
opacity: 1 !important;
visibility: visible !important;
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
margin: 0 10px 0 0 !important;
vertical-align: middle !important;
appearance: auto !important;
-webkit-appearance: radio !important;
accent-color: #62bd36 !important;
}

.woocommerce-checkout #payment ul.payment_methods > li,
.woocommerce-checkout #payment ul.wc_payment_methods > li {
padding: 16px 0 !important;
position: relative !important;
}

.woocommerce-checkout #payment ul.payment_methods > li > label,
.woocommerce-checkout #payment ul.wc_payment_methods > li > label,
.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods li label,
.woocommerce-checkout #payment .wc-saved-payment-methods li label {
display: inline-flex !important;
align-items: center !important;
margin: 0 !important;
cursor: pointer !important;
line-height: 1.4 !important;
}

.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods li,
.woocommerce-checkout #payment .wc-saved-payment-methods li {
display: flex !important;
align-items: center !important;
margin-bottom: 12px !important;
}

.woocommerce-checkout #payment .payment_box {
margin-top: 15px !important;
}

/* =========================================================
11. Mobile Menu Extra Items + Product Search
========================================================= */
@media (min-width: 1025px) {
.mobile-menu-only,
.sv-mobile-product-search {
display: none !important;
}

/* Fix Smart Home Mega Menu Size */
.elementor-5697 .elementor-element.elementor-element-5d3c233d(.elementor-motion-effects-element-type-background) {
max-width: 30%;
align-self: center;
}
	
	.elementor-element[data-id="5d3c233d"] {
		width: 50%;
		align-self: center;
	}
}

@media (max-width: 1024px) {
.mobile-menu-only,
.sv-mobile-product-search {
display: block !important;
}

.sv-mobile-product-search {
    padding: 18px 0 !important;
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
}

.sv-mobile-search-form {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.sv-mobile-search-input {
    flex: 1;
    width: 100%;
    height: 42px;
    padding: 10px 14px;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    font-size: 14px;
    outline: none;
}

.sv-mobile-search-input:focus {
    border-color: #62bd36;
}

.sv-mobile-search-btn {
    height: 42px;
    padding: 0 18px;
    border: none;
    border-radius: 30px;
    background: #62bd36;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.sv-mobile-search-btn:hover {
    background: var(--sv-green-dark);
    color: #ffffff;
}

}

/* =========================================================
12. Elementor Specific Width Fixes
========================================================= */
.elementor-211 .elementor-element.elementor-element-312de4a {
border-width: 0 0 2px 0;
border-color: #000000;
}

.elementor-277 .elementor-element.elementor-element-e071bdd {
--container-widget-width: 90%;
}

@media (min-width: 1400px) {
.elementor-277 .elementor-element.elementor-element-c6f6172,
.elementor-277 .elementor-element.elementor-element-092c357 {
--width: 15%;
}

.elementor-277 .elementor-element.elementor-element-72ad363 {
    --width: 70%;
}

}

@media (min-width: 768px) {
.elementor-277 .elementor-element.elementor-element-c6f6172,
.elementor-277 .elementor-element.elementor-element-092c357 {
--width: 10%;
}

.elementor-277 .elementor-element.elementor-element-72ad363 {
    --width: 80%;
}

}

/* Hide Warranty Policy default title */
body.page-id-28382 .entry-header,
body.page-id-28382 h1.entry-title {
display: none !important;
}

/* Slider Revolution bullet color */
#SR7_1_1 .aunuca_bullets .sr7-bullet::after {
background-color: var(--sv-green) !important;
box-shadow: 0 0 1px var(--sv-green) !important;
}

/* =========================================================
13. Responsive Fixes
========================================================= */
@media (max-width: 767px) {
.single-product form.cart {
gap: 12px;
}

.single-product form.cart .quantity_wrap,
.single-product form.cart .single_add_to_cart_button,
.single-product form.cart .sunverge-checkout-btn {
    flex: 0 0 100%;
    width: 100%;
}

.single-product form.cart .single_add_to_cart_button {
    min-width: 100%;
}

.single-product form.cart .sunverge-checkout-btn {
    justify-content: center;
    min-height: 52px;
    border: 1px solid var(--sv-green) !important;
    border-radius: 999px;
}

.woocommerce-checkout .sv-checkout-right-notice {
    width: 100%;
    float: none;
    clear: both;
    margin-top: 24px;
    padding: 18px 20px;
}

.woocommerce-checkout .sv-checkout-right-notice h3 {
    font-size: 21px;
}

.woocommerce-checkout .sv-checkout-right-notice p {
    font-size: 14px;
}

/* Fix large white space on single product mobile image */
.single-product div.product div.images,
.single-product .woocommerce-product-gallery {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 18px !important;
    padding-bottom: 0 !important;
    float: none !important;
    overflow: hidden !important;
}

.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.single-product .woocommerce-product-gallery img,
.single-product div.product div.images img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
}

.single-product div.product div.summary,
.single-product .summary,
.single-product .woocommerce-product-gallery + .summary {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

}

@media (max-width: 576px) {
.elementor-249 .elementor-element.elementor-element-dce30a5.elementor-element {
    width: 100%;
}

.home-intro-content {
    padding: 0 15px;
}

.price {
    font-size: 0.75rem;
}

}

/* =========================================================
   SUNVERGE - PROMOTION POPUPS
   Hot Sales / Combo / New Arrivals
   ========================================================= */


/* Dark overlay - only Popup Maker popups containing our content */
.pum-overlay:has(.sv-pm-content) {
    background: rgba(0, 0, 0, 0.65) !important;
}


/* White popup box */
.pum-overlay:has(.sv-pm-content) .pum-container {
    width: calc(100% - 40px) !important;
    max-width: 560px !important;

    padding: 45px 45px 35px !important;

    background: #ffffff !important;

    border: none !important;
    border-radius: 18px !important;

    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.25) !important;

    box-sizing: border-box !important;
}


/* Remove Popup Maker default close button */
.pum-overlay:has(.sv-pm-content) .pum-close,
.pum-overlay:has(.sv-pm-content) .popmake-close {
    position: absolute !important;

    top: 12px !important;
    right: 15px !important;

    width: 40px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    color: transparent !important;

    font-size: 0 !important;

    text-shadow: none !important;

    cursor: pointer !important;

    z-index: 999999 !important;
}


/* Custom X icon */
.pum-overlay:has(.sv-pm-content) .pum-close::before,
.pum-overlay:has(.sv-pm-content) .popmake-close::before {
    content: "×" !important;

    display: block !important;

    width: 40px !important;
    height: 40px !important;

    color: #333333 !important;

    font-family: Arial, sans-serif !important;
    font-size: 36px !important;
    font-weight: 300 !important;

    line-height: 36px !important;

    text-align: center !important;
}


/* X hover */
.pum-overlay:has(.sv-pm-content) .pum-close:hover::before,
.pum-overlay:has(.sv-pm-content) .popmake-close:hover::before {
    color: #149b3f !important;
}


/* Popup content */
.sv-pm-content {
    text-align: center !important;

    padding: 10px 0 !important;

    box-sizing: border-box !important;
}


/* Title */
.sv-pm-content h2 {
    margin: 0 0 18px !important;

    color: #111111 !important;

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

    line-height: 1.3 !important;
}


/* Paragraph */
.sv-pm-content p {
    margin: 0 0 14px !important;

    color: #444444 !important;

    font-size: 16px !important;

    line-height: 1.7 !important;
}


/* Button row */
.sv-pm-buttons {
    display: flex !important;

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

    flex-wrap: wrap !important;

    gap: 12px !important;

    margin-top: 25px !important;
}


/* Green buttons */
.sv-pm-btn {
    display: inline-block !important;

    padding: 12px 26px !important;

    background: #149b3f !important;

    color: #ffffff !important;

    border: none !important;
    border-radius: 50px !important;

    text-decoration: none !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;
}


/* Button hover */
.sv-pm-btn:hover {
    background: #0f7d32 !important;

    color: #ffffff !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .pum-overlay:has(.sv-pm-content) .pum-container {
        width: calc(100% - 30px) !important;

        padding: 40px 22px 28px !important;

        border-radius: 14px !important;
    }


    .sv-pm-content h2 {
        font-size: 23px !important;
    }


    .sv-pm-content p {
        font-size: 15px !important;
    }


    .sv-pm-buttons {
        flex-direction: column !important;
    }


    .sv-pm-btn {
        width: 100% !important;

        box-sizing: border-box !important;
    }


    .pum-overlay:has(.sv-pm-content) .pum-close,
    .pum-overlay:has(.sv-pm-content) .popmake-close {
        top: 8px !important;
        right: 8px !important;
    }

}

/* =========================================================
   CHAtY FLOATING BUTTON POSITION
   Desktop
   ========================================================= */

@media (min-width: 768px) {

    .chaty-widget {
        right: 5.5% !important;
        bottom: 20% !important;
        left: auto !important;
    }

}


/* =========================================================
   CHAtY FLOATING BUTTON POSITION
   Mobile
   ========================================================= */

@media (max-width: 767px) {

    .chaty-widget {
        right: 1% !important;
        bottom: 10% !important;
        left: auto !important;
    }

}

/* =========================================================
   SUNVERGE WECHAT QR POPUP
   ========================================================= */

.sv-wechat-popup {
    text-align: center !important;
    padding: 10px 10px 5px !important;
}

.sv-wechat-popup h2 {
    margin: 0 0 25px !important;
    color: #111111 !important;

    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}


/* QR code */
.sv-wechat-qr {
    display: block !important;

    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;

    margin: 0 auto !important;
}


/* Instruction */
.sv-wechat-help {
    margin: 0 0 15px !important;

    color: #777777 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;
}


/* WeChat ID box */
.sv-wechat-id {
    display: inline-flex !important;

    flex-direction: column !important;
    align-items: center !important;

    min-width: 220px !important;

    padding: 12px 25px !important;

    background: #62bd36 !important;

    border-radius: 8px !important;

    color: #ffffff !important;
}


/* Label */
.sv-wechat-id span {
    margin-bottom: 2px !important;

    color: #ffffff !important;

    font-size: 12px !important;

    opacity: 0.9 !important;
}


/* Actual ID */
.sv-wechat-id strong {
    color: #ffffff !important;

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

    letter-spacing: 0.3px !important;
}


/* Mobile */
@media (max-width: 480px) {

    .sv-wechat-popup h2 {
        font-size: 23px !important;
    }

    .sv-wechat-qr {
        max-width: 260px !important;
    }

    .sv-wechat-id {
        width: 100% !important;
        box-sizing: border-box !important;
    }

}

/* =========================================================
   CHAtY CUSTOM LINK → WECHAT
   ========================================================= */

/* Target only the WeChat custom link */
a.chaty-link[href="#wechat-qr-popup"] {
    background-image: url("https://sunvergeliving.com/wp-content/uploads/2026/04/Wechat_floating_button_Icon.png") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    background-color: transparent !important;
}


/* Hide Chaty's original blue chain icon */
a.chaty-link[href="#wechat-qr-popup"] svg,
a.chaty-link[href="#wechat-qr-popup"] img,
a.chaty-link[href="#wechat-qr-popup"] .chaty-svg,
a.chaty-link[href="#wechat-qr-popup"] .chaty-icon,
a.chaty-link[href="#wechat-qr-popup"] i {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* =========================================================
   SUNVERGE - WECHAT QR POPUP DESIGN
   ========================================================= */

/* Dark overlay */
.pum-overlay:has(.sv-wechat-popup) {
    background: rgba(0, 0, 0, 0.65) !important;
}


/* White popup container */
.pum-overlay:has(.sv-wechat-popup) .pum-container {
    width: calc(100% - 40px) !important;
    max-width: 560px !important;

    padding: 40px 40px 35px !important;

    background: #ffffff !important;

    border: none !important;
    border-radius: 18px !important;

    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.25) !important;

    box-sizing: border-box !important;
}


/* Remove Popup Maker default CLOSE button design */
.pum-overlay:has(.sv-wechat-popup) .pum-close,
.pum-overlay:has(.sv-wechat-popup) .popmake-close {
    position: absolute !important;

    top: 12px !important;
    right: 15px !important;

    width: 40px !important;
    height: 40px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    color: transparent !important;

    font-size: 0 !important;
    line-height: 40px !important;

    text-shadow: none !important;

    cursor: pointer !important;

    z-index: 999999 !important;
}


/* Create × icon */
.pum-overlay:has(.sv-wechat-popup) .pum-close::before,
.pum-overlay:has(.sv-wechat-popup) .popmake-close::before {
    content: "×" !important;

    display: block !important;

    width: 40px !important;
    height: 40px !important;

    color: #333333 !important;

    font-family: Arial, sans-serif !important;

    font-size: 36px !important;
    font-weight: 300 !important;

    line-height: 36px !important;

    text-align: center !important;
}


/* X hover */
.pum-overlay:has(.sv-wechat-popup) .pum-close:hover::before,
.pum-overlay:has(.sv-wechat-popup) .popmake-close:hover::before {
    color: #149b3f !important;
}


/* WeChat popup content */
.sv-wechat-popup {
    text-align: center !important;
    padding: 5px 0 !important;
}


/* Title */
.sv-wechat-popup h2 {
    margin: 0 0 25px !important;

    color: #111111 !important;

    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}


/* QR image */
.sv-wechat-qr {
    display: block !important;

    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;

    margin: 0 auto !important;
}


/* Help text */
.sv-wechat-help {
    margin: 0 0 15px !important;

    color: #777777 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;
}


/* WeChat ID box */
.sv-wechat-id {
    display: inline-flex !important;

    flex-direction: column !important;
    align-items: center !important;

    min-width: 220px !important;

    padding: 12px 25px !important;

    background: #62bd36 !important;

    border-radius: 8px !important;

    color: #ffffff !important;
}


.sv-wechat-id span,
.sv-wechat-id strong {
    color: #ffffff !important;
}


.sv-wechat-id strong {
    font-size: 17px !important;
    font-weight: 700 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .pum-overlay:has(.sv-wechat-popup) .pum-container {
        width: calc(100% - 30px) !important;

        padding: 40px 22px 28px !important;

        border-radius: 14px !important;
    }


    .sv-wechat-popup h2 {
        font-size: 23px !important;
    }


    .sv-wechat-qr {
        max-width: 260px !important;
    }


    .sv-wechat-id {
        width: 100% !important;
        box-sizing: border-box !important;
    }


    .pum-overlay:has(.sv-wechat-popup) .pum-close,
    .pum-overlay:has(.sv-wechat-popup) .popmake-close {
        top: 8px !important;
        right: 8px !important;
    }

}