.site-footer {

    background: #f9fafb;

    border-top: 1px solid #e5e7eb;

}



.footer-social {

    background: linear-gradient(135deg, #f1f5f9, #e2e8f0);

    border: 2px solid #e2e8f0;

    transition: all 0.3s ease;

    position: relative;

    overflow: hidden;

}



.footer-social:hover {

    border-color: #3b82f6;

}



.footer-heading {

    font-size: 0.9375rem;

    font-weight: 600;

    color: #374151;

    margin-bottom: 0.5rem;

    text-transform: uppercase;

    letter-spacing: 0.07em;

}



.footer-nav-link {

    font-size: 1rem;

    color: #6b7280;

    transition: color 0.15s ease;

    display: inline-block;

}



.footer-nav-link:hover {

    color: #2563eb !important;

}



.footer-contact-link {

    font-size: 1rem;

    color: #3b82f6;

    transition: color 0.15s ease;

}



.footer-contact-link:hover {

    color: #1d4ed8 !important;

}



.footer-bottom {

    border-top: 1px solid #e5e7eb;

}



.footer-dev-link {

    color: #3b82f6;

    transition: color 0.15s ease;

}



.footer-dev-link:hover {

    color: #1d4ed8 !important;

}



.footer-legal-link {

    font-size: 0.9375rem;

    color: #9ca3af;

    transition: color 0.15s ease;

}



.footer-legal-link:hover {

    color: #3b82f6 !important;

}



@media (max-width: 767px) {

    .footer-bottom .flex.space-x-6 {

        flex-wrap: wrap;

        justify-content: center;

        gap: 0.75rem;

    }



    .footer-bottom .flex.space-x-6 > * {

        margin-left: 0 !important;

    }

}