/* Sella Gravity Drop - Core CSS */

.sl-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
}

.sl-elementor {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: auto;
}

.sl-logo-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: auto;
    pointer-events: none;
    will-change: transform, filter, opacity;
    /* transition: opacity 0.3s ease; */
}

.sl-elementor .sl-logo-wrapper {
    position: relative;
    left: auto;
    transform: none;
    margin: 0 auto;
}

/* Base state for the SVG inside the wrapper */
.sl-logo-wrapper svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

@media (max-width: 767px) {
    .sl-mobile-disabled .sl-logo-wrapper {
        display: none !important;
    }
    .sl-logo-wrapper {
        max-width: 130px !important;
    }
    .sl-elementor .sl-logo-wrapper {
        margin-bottom: 0;
    }
}

/* Footer Rebirth Wrapper */
.sl-footer-clone {
    position: relative !important;
    transform: none !important;
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    transform-origin: bottom center !important;
    margin: 0 auto;
}

.sl-footer-clone.rebirth-active {
    opacity: 1;
    transform: scale(1) translateY(0) !important;
}

.sl-footer-clone.rebirth-hidden {
    opacity: 0;
    transform: scaleY(0.1) scaleX(1.5) translateY(50px) !important;
}