/* ============================================================
   Pretpot Section Reveal – CSS v6
   Layout is applied via inline styles from JS.
   Never overrides parent flex/display — uses align-self:stretch
   on the element itself to fill width safely.
   ============================================================ */

/* Smooth transitions on animated properties */
.elementor-section[style*="sticky"],
.elementor-column[style*="sticky"],
.e-con[style*="sticky"],
.elementor-section[style*="relative"][style*="z-index"],
.elementor-column[style*="relative"][style*="z-index"],
.e-con[style*="relative"][style*="z-index"] {
    transition: opacity 0.05s linear,
                transform 0.05s linear,
                filter 0.05s linear,
                clip-path 0.05s linear;
}

/* Mobile: disable all reveal inline styles */
@media (max-width: 767px) {
    .pretpot-reveal-mobile-off {
        position: relative !important;
        z-index: auto !important;
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
        clip-path: none !important;
        min-height: 0 !important;
        align-self: auto !important;
    }
}