/* ZLECISZTO - UNIFIED FOOTER STYLES */
/* Include this in all pages that have footer */

/* ========== FOOTER RESPONSIVE ========== */
@media (max-width: 1200px) {
    .footer-main-grid { 
        grid-template-columns: 1fr 1fr 1fr !important; 
        gap: 30px !important; 
    }
    .footer-brand-new { 
        grid-column: span 3; 
        text-align: center; 
        padding-right: 0 !important; 
    }
    .footer-brand-new img { 
        margin: 0 auto 16px; 
        display: block; 
    }
    .footer-social { 
        justify-content: center; 
    }
    .footer-badges { 
        justify-content: center; 
    }
}

@media (max-width: 768px) {
    .footer-main { 
        padding: 40px 20px 20px !important; 
    }
    .footer-main-grid { 
        grid-template-columns: 1fr 1fr !important; 
        gap: 24px !important; 
    }
    .footer-brand-new { 
        grid-column: span 2; 
    }
    .footer-col-new { 
        text-align: center; 
    }
    .footer-col-new h4 { 
        margin-left: auto; 
        margin-right: auto; 
    }
    .footer-bottom-new { 
        padding: 20px !important; 
    }
    .footer-bottom-new > div { 
        flex-direction: column; 
        text-align: center; 
    }
    .footer-bottom-new > div > div:last-child { 
        flex-wrap: wrap; 
        justify-content: center; 
        gap: 15px !important; 
    }
}

@media (max-width: 480px) {
    .footer-main-grid { 
        grid-template-columns: 1fr !important; 
    }
    .footer-brand-new { 
        grid-column: span 1; 
    }
}

/* ========== FOOTER HOVER EFFECTS ========== */
.footer-col-new a:hover {
    color: #10b981 !important;
    padding-left: 5px;
}

.footer-social a:hover {
    transform: translateY(-3px);
}

.footer-bottom-new a:hover {
    color: #10b981 !important;
}