/* ====== MAIN FOOTER ====== */
.main-footer, .site-footer {
    background: linear-gradient(90deg, #061a2b 0%, #0d2c44 50%, #061a2b 100%);
    text-align: center;
    color: #ffffff;
    padding: 0 0 30px; /* Removed top padding to let skyline sit flush */
    overflow: hidden;
    position: relative;
    isolation: isolate; /* Required for mix-blend-mode to work correctly */
}

/* ====== SKYLINE IMAGE ====== */
.footer-skyline, .skyline {
    width: 95%; /* Responsive width */
    max-width: 1200px; /* Increased for a more prominent presence */
    margin: 0 auto -1px; /* Centers the div and prevents tiny gaps at bottom */
    height: 220px; /* Increased height to make it "bigger" */
    background: url('images/footer-skyline.png') no-repeat bottom center;
    background-size: contain;
    
    /* Premium Blending */
    mix-blend-mode: screen; 
    filter: brightness(1.2) contrast(1.5); /* Forces dark background to black while making white pop */
    opacity: 0.95;
    transition: all 0.3s ease;
}

/* ====== COPYRIGHT TEXT ====== */
.main-footer p {
    font-size: 14px;
    color: #dcdcdc;
    letter-spacing: 0.5px;
}

/* ====== MOBILE RESPONSIVE ====== */
@media (max-width: 768px) {
    .footer-skyline, .skyline {
        width: 100%;
        height: 110px; /* Also increased mobile height slightly */
    }

    .main-footer, .site-footer {
        padding: 20px 10px 25px;
    }

    .main-footer p {
        font-size: 12px;
    }
}