/* assets/css/footer.css */

#footer-placeholder {
    /* Ensures the observer has a target with dimensions before content loads */
    min-height: 50px; 
}

.site-footer {
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    width: 100%;
    position: relative;
    border-top: 1px solid #e0e0e0; /* Clean separator line */

    /* Animation initial state */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.site-footer.visible {
    /* Animation final state */
    opacity: 1;
    transform: translateY(0);
}

.logo-banner {
    width: 100%;
    font-size: 0; /* Removes whitespace gap between inline-block images */
}

.logo-banner img {
    width: 100%;
    height: auto;
    display: block; /* Ensures no extra space below the image */
    margin: 0;
    padding: 0;
}