/* ...existing code... */
/* Minimal footer overrides — layout, spacing and sizing are handled by Tailwind classes */


.social-icon svg{
    fill: #FFC107;
}

.sub-footer a {
    color: #ccc;
    transition: color 0.3s ease-in-out;
}

.sub-footer a:hover {
    color: #fff;
}

.social-icon img {
    display: inline-block;
    transition: opacity 0.3s ease-in-out;
}

.social-icon img:hover {
    opacity: 0.7;
}

/* Target the Twitter/X icon specifically (keeps it white) */
.sub-footer .social-icon img[src*="x.png"] {
    filter: invert(100%);
}

.sub-footer .social-icon img[src*="x.png"]:hover {
    filter: invert(100%);
}

.copyright {
    font-family: 'Roboto', sans-serif;
}