/* CSS for Conversion Popup Visibility Control */

/* Hide conversion popup class - smooth transition */
#elementor-popup-modal-1124.conversion-popup-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(50px) !important;
    transition: all 0.3s ease-in-out !important;
}

/* Visible state with smooth entrance */
#elementor-popup-modal-1124:not(.conversion-popup-hidden) {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
    transform: translateY(0) !important;
    transition: all 0.3s ease-in-out !important;
}

/* Optional: Style for trigger elements to identify them during development */
.hide-conversion-popup {
    position: relative;
}

/* Optional: Add a subtle indicator for trigger elements (remove in production) */
.hide-conversion-popup::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    /* Uncomment next line to see trigger areas during development */
    /* border: 2px dashed rgba(255, 0, 0, 0.3); */
    z-index: 1;
}

/* Ensure popup appears above other content when visible */
#elementor-popup-modal-1124 {
    z-index: 999999 !important;
}

/* Alternative animations - choose one */

/* Fade only animation */
.popup-fade-only.conversion-popup-hidden {
    transform: none !important;
    opacity: 0 !important;
}

/* Slide from right animation */
.popup-slide-right.conversion-popup-hidden {
    transform: translateX(100%) !important;
    opacity: 1 !important;
}

/* Scale animation */
.popup-scale.conversion-popup-hidden {
    transform: scale(0.8) !important;
    opacity: 0 !important;
}

/* Slide from bottom animation (default) */
.popup-slide-bottom.conversion-popup-hidden {
    transform: translateY(100px) !important;
    opacity: 0 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #elementor-popup-modal-1124.conversion-popup-hidden {
        transform: translateY(30px) !important;
    }
}

/* Force hide when display: none is applied */
#elementor-popup-modal-1124[style*="display: none"] {
    display: none !important;
}

/* Ensure smooth transitions work properly */
#elementor-popup-modal-1124 * {
    transition-duration: inherit;
}