/* ================= FOOTER STYLES ================= */
/* Footer Component */

footer {
    background: #000000;
    color: #888;
    padding-top: 80px;
}

footer a {
    color: #888;
    text-decoration: none;
    transition: color var(--transition-base);
}

footer a:hover {
    color: var(--iic-red) !important;
}

footer h5,
footer h6 {
    color: var(--iic-red);
    margin-bottom: 20px;
    font-size: 1.2rem;
}

footer ul {
    list-style: none;
    padding: 0;
}

footer ul li {
    margin-bottom: 10px;
}

footer .border-bottom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

footer .text-white {
    color: var(--white) !important;
}

footer .text-uppercase {
    text-transform: uppercase;
}

footer .tracking-wider {
    letter-spacing: 1px;
}

footer .hover-white:hover {
    color: var(--white) !important;
}

footer .transition-all {
    transition: all var(--transition-base);
}

/* Footer Logo */
footer img {
    filter: brightness(0) invert(1);
}

/* Social Icons */
footer .d-flex.gap-3 a {
    font-size: 1.25rem;
    transition: all var(--transition-base);
}

footer .d-flex.gap-3 a:hover {
    transform: translateY(-3px);
    color: var(--iic-red) !important;
}

/* Copyright Section */
footer .py-4 {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
}

footer .small {
    font-size: 0.875rem;
}

@media (max-width: 768px) {
    footer {
        padding-top: 60px;
    }

    footer .py-4 {
        text-align: center;
    }

    footer .py-4 p {
        margin-bottom: var(--spacing-sm);
    }
}