/* InteractionCraft - Frontend Styles */

/* 
 * It is generally recommended to add transitions to the target elements 
 * in Elementor's Advanced tab so animations are smooth.
 * But we provide a helper class for smooth transitions. 
 */

/* Automatically apply pointer cursor to elements with mouse/click triggers */
[data-ibe-interactions*='"hover"'],
[data-ibe-interactions*='"click"'],
[data-ibe-interactions*='"mouseenter"'],
[data-ibe-interactions*='"mouseleave"'] {
    cursor: pointer;
}

 .ibe-transition {
    transition: all 0.3s ease-in-out;
}

/* Preset Animations */
.ibe-anim-pulse {
    transform: scale(1.05);
}
.ibe-anim-float {
    transform: translateY(-10px);
}
.ibe-anim-shrink {
    transform: scale(0.95);
}
.ibe-anim-fade_in {
    opacity: 1 !important;
}
.ibe-anim-slide_up {
    transform: translateY(-20px);
}

/* Show / Hide Base */
.ibe-hidden-on-load {
    display: none !important;
    opacity: 0;
}

/* Example preset animation classes if needed in the future */
.ibe-fade-in {
    opacity: 1;
}

.ibe-fade-out {
    opacity: 0;
}