/* Zigzag Rise Fall Text Widget – Base Styles */
.pretpot-zigzag-text {
    display: inline-flex;
    flex-wrap: wrap;
    line-height: 1.2;
    width: 100%;
    box-sizing: border-box;
    overflow: visible;   /* prevent clipping */
    position: relative;
}

.pretpot-zigzag-text span {
    display: inline-block;
    transform: translateY(var(--y-offset, 0px));
    will-change: transform, opacity;
    opacity: 0;  /* start hidden – JS will reveal on scroll */
    transition: none; /* animation controlled by JS */
}

/* When the widget becomes visible, we add this class to the container */
.pretpot-zigzag-text.animated span {
    animation-name: pretpotFadeUp;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
}

@keyframes pretpotFadeUp {
    0% {
        opacity: 0;
        transform: translateY(var(--y-offset, 0px)) translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(var(--y-offset, 0px));
    }
}

/* Responsive – no extra hidden overflow */
.elementor-widget-pretpot-zigzag-rise-fall-text {
    overflow: visible !important;
}

.elementor-widget-container {
    overflow: visible !important;
}