/* ========================================
   Nawader WhatsApp Help Bubble
   ======================================== */

.etheme-sales-booster-sticky-panel {
    overflow: visible !important;
}

.etheme-sales-booster-sticky-panel .nawader-help-bubble {
    position: absolute;

    /* Position to the right of the WhatsApp button */
    left: calc(100% + 12px);
    right: auto;
    top: 50%;
    bottom: auto;

    /* Animation */
    transform: translateY(-50%) translateX(-8px) scale(.95);
    transform-origin: left center;

    /* WhatsApp-inspired colors */
    background: #111;
    color: #25D366;

    /* Typography and spacing */
    padding: 10px 15px;
    border-radius: 16px;
    direction: rtl;
    text-align: center;
    white-space: nowrap;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;

    /* Appearance */
    box-shadow: 0 3px 12px rgba(0, 0, 0, .2);
    z-index: 999999;

    /* Initially hidden */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    /* Smooth animation */
    transition:
        opacity .35s ease,
        transform .35s ease,
        visibility .35s ease;
}

/* Speech pointer facing the WhatsApp button */
.etheme-sales-booster-sticky-panel .nawader-help-bubble::after {
    content: "";

    position: absolute;
    left: -5px;
    top: 50%;

    width: 10px;
    height: 10px;

    background: #111;

    transform: translateY(-50%) rotate(45deg);
}

/* Show the bubble */
.etheme-sales-booster-sticky-panel .nawader-help-bubble.show {
    opacity: 1;
    visibility: visible;

    transform: translateY(-50%) translateX(0) scale(1);
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .etheme-sales-booster-sticky-panel .nawader-help-bubble {
        padding: 8px 12px;
        font-size: 13px;
    }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    .etheme-sales-booster-sticky-panel .nawader-help-bubble {
        transition: none;
    }
}


/* ========================================
   Nawader WhatsApp Button Vibration
   ======================================== */

@keyframes nawader-button-vibrate {

    0%,
    100% {
        transform: translateX(0) rotate(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-5px) rotate(-3deg);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(5px) rotate(3deg);
    }
}

.etheme-sales-booster-sticky-panel a[href="#whatsapp-cart"].nawader-vibrate {
    animation: nawader-button-vibrate 1.2s ease-in-out;
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    .etheme-sales-booster-sticky-panel a[href="#whatsapp-cart"] {
        animation: none !important;
    }
}

/** Grap whatsapp floadting btn down and hide Go Up Arrow */
/* Hide the back-to-top arrow on mobile */
@media (max-width: 767px) {
/*
    body .back-top,
    body .scroll-top,
    body a.back-to-top,
    body .scrollToTop {
        display: none !important;
    }
*/
    /* Position the WhatsApp button where the arrow was */
/*    body .etheme-sales-booster-sticky-panel {
        left: 4px !important;
        right: auto !important;
	bottom: 70px !important;
    }*/
}