/* Viola Shooner Footer - Smart Footer Positioning */
/* Fixed bottom-left, switches to flow when content is too long */

@media only screen and (max-width: 768px) {
    /* Default: Footer fixed at bottom-left */
    .fixed-footer,
    footer,
    .wp-block-template-part[data-type="footer"],
    [data-type="footer"] {
        position: fixed;
        bottom: 0;
        left: 0;
        width: auto;
        z-index: 1000;
        margin-bottom: 8px;
        margin-top: 0;
        transition: position 0.3s ease, margin-top 0.3s ease;
    }
    
    /* When content is long, switch footer to normal flow */
    body.vs-content-overflow .fixed-footer,
    body.vs-content-overflow footer,
    body.vs-content-overflow .wp-block-template-part[data-type="footer"],
    body.vs-content-overflow [data-type="footer"] {
        position: static;
        margin-top: 2rem; /* Add some space above footer */
        margin-bottom: 8px;
    }
    
    /* Remove existing large margins that push content down */
    body:not(.home) .fixed-footer,
    body:not(.home) footer,
    body:not(.home) .wp-block-template-part[data-type="footer"],
    body:not(.home) [data-type="footer"] {
        margin-top: 0; /* Remove any 45vh spacing */
    }
    
    /* Ensure smooth transitions */
    .fixed-footer,
    footer,
    .wp-block-template-part[data-type="footer"],
    [data-type="footer"] {
        transition: all 0.3s ease;
    }
    
    /* Add some padding to body when footer is fixed to prevent content overlap */
    body:not(.vs-content-overflow) {
        padding-bottom: 60px; /* Adjust based on your footer height */
    }
}

/* Desktop styles remain unchanged */
@media only screen and (min-width: 769px) {
    .fixed-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: auto;
        z-index: 1000;
    }
    
    /* Remove mobile-specific body padding on desktop */
    body {
        padding-bottom: 0;
    }
}