/* =========================================================
   P3 CART / CHECKOUT LIVE CHAT CARD - FINAL FIXED VERSION
   ========================================================= */

.theme-cart-summary-inner-container::before,
.theme-cart-summary-inner-container::after {
    content: none !important;
}

.theme-cart-area-container:has(.theme-shopping-cart-table-container)
.theme-cart-summary-container
.theme-cart-summary-inner-container {
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;
}

/* =========================
   DESKTOP
   ========================= */

@media all and (min-width: 992px) {

    .theme-cart-area-container:has(.theme-shopping-cart-table-container)
    .theme-cart-summary-container
    .theme-cart-summary-inner-container::after {
        content: "Use Our Live Chat\A Mon-Fri 8AM-8PM AST\A Sat 9AM-4PM AST" !important;
        white-space: pre-line !important;

        display: block !important;
        width: 100% !important;
        min-height: 128px !important;

        margin-top: 18px !important;
        padding: 22px 18px 22px 128px !important;
        box-sizing: border-box !important;

        background: linear-gradient(135deg, #ffffff 0%, #fff5f5 100%) !important;
        border: 1px solid #eeeeee !important;
        border-left: 6px solid #d71920 !important;
        border-radius: 18px !important;

        font-family: inherit !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
        font-weight: 500 !important;
        color: #222222 !important;
        text-align: left !important;

        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
        pointer-events: none !important;
    }

    .theme-cart-area-container:has(.theme-shopping-cart-table-container)
    .theme-cart-summary-container
    .theme-cart-summary-inner-container::before {
        content: "" !important;
        display: block !important;

        position: absolute !important;
        left: 30px !important;
        bottom: 26px !important;

        width: 78px !important;
        height: 78px !important;

        background-image: url("https://test243.zohoecommerce.com/template/507ecf5ddbf94940acd99970b43ca6cf/images/p3-live-chat-woman.png.png") !important;

        background-size: cover !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        background-color: #f0f0f0 !important;

        border-radius: 50% !important;
        border: 4px solid #ffffff !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;

        z-index: 20 !important;
        pointer-events: none !important;
    }
}

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

@media all and (max-width: 991px) {

    .theme-cart-area-container:has(.theme-shopping-cart-table-container)
    .theme-cart-summary-container
    .theme-cart-summary-inner-container::after {
        content: "Use Our Live Chat\A Mon-Thu 8AM-8PM AST\A Sat 9AM-4PM AST" !important;
        white-space: pre-line !important;

        display: block !important;
        width: 100% !important;
        min-height: 124px !important;

        margin-top: 16px !important;
        margin-bottom: 18px !important;
        padding: 18px 14px 18px 108px !important;
        box-sizing: border-box !important;

        background: linear-gradient(135deg, #ffffff 0%, #fff5f5 100%) !important;
        border: 1px solid #eeeeee !important;
        border-left: 5px solid #d71920 !important;
        border-radius: 16px !important;

        font-family: inherit !important;
        font-size: 13px !important;
        line-height: 1.42 !important;
        font-weight: 500 !important;
        color: #222222 !important;
        text-align: left !important;

        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.07) !important;
        pointer-events: none !important;
    }

    .theme-cart-area-container:has(.theme-shopping-cart-table-container)
    .theme-cart-summary-container
    .theme-cart-summary-inner-container::before {
        content: "" !important;
        display: block !important;

        position: absolute !important;
        left: 24px !important;
        bottom: 46px !important;

        width: 66px !important;
        height: 66px !important;

        background-image: url("https://test243.zohoecommerce.com/template/507ecf5ddbf94940acd99970b43ca6cf/images/p3-live-chat-woman.png.png") !important;

        background-size: cover !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        background-color: #f0f0f0 !important;

        border-radius: 50% !important;
        border: 3px solid #ffffff !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16) !important;

        z-index: 20 !important;
        pointer-events: none !important;
    }
}

/* Empty cart safety */
.theme-cart-area-container
.theme-cart-body.theme-cart-empty
.theme-cart-summary-container
.theme-cart-summary-inner-container::before,
.theme-cart-area-container
.theme-cart-body.theme-cart-empty
.theme-cart-summary-container
.theme-cart-summary-inner-container::after {
    display: none !important;
    content: none !important;
}

/* Mini cart / popup safety */
.theme-cart-popup .theme-cart-summary-inner-container::before,
.theme-cart-popup .theme-cart-summary-inner-container::after,
.theme-mini-cart .theme-cart-summary-inner-container::before,
.theme-mini-cart .theme-cart-summary-inner-container::after,
.theme-cart-drawer .theme-cart-summary-inner-container::before,
.theme-cart-drawer .theme-cart-summary-inner-container::after,
[data-zs-cart-popup] .theme-cart-summary-inner-container::before,
[data-zs-cart-popup] .theme-cart-summary-inner-container::after,
[data-zs-mini-cart] .theme-cart-summary-inner-container::before,
[data-zs-mini-cart] .theme-cart-summary-inner-container::after,
[class*="mini-cart"] .theme-cart-summary-inner-container::before,
[class*="mini-cart"] .theme-cart-summary-inner-container::after,
[class*="cart-popup"] .theme-cart-summary-inner-container::before,
[class*="cart-popup"] .theme-cart-summary-inner-container::after,
[class*="cart-drawer"] .theme-cart-summary-inner-container::before,
[class*="cart-drawer"] .theme-cart-summary-inner-container::after {
    display: none !important;
    content: none !important;
}