/* ===================================================
   FOOTER COMPONENT STYLES
   =================================================== */

.footer-custom {
    background-color: var(--brand-dark) !important; /* #0f172a */
    color: var(--text-muted); /* #64748b / #94a3b8 */
}

.footer-link {
    color: #94a3b8;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    text-decoration: none;
}

.footer-link:hover {
    color: var(--brand-accent) !important; /* #38bdf8 */
    transform: translateX(5px);
}

.footer-social-btn {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #94a3b8;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
}

.footer-social-btn:hover {
    background: var(--brand-primary); /* #0284c7 */
    border-color: var(--brand-primary);
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(2, 132, 199, 0.3);
}