/* ==========================================================================
   ISFT Footer Styles
   Custom CSS for the Elementor Footer Template
   ========================================================================== */

/* ----- Footer Container ----- */
.site-footer,
.isft-footer {
    background: var(--bg-surface, #1E1F24);
    color: var(--text-secondary, #9CA3AF);
    font-family: 'Inter', sans-serif;
}

/* ----- Footer Links ----- */
.site-footer a,
.isft-footer a {
    color: var(--text-secondary, #9CA3AF);
    text-decoration: none;
    transition: color 0.25s ease;
}

.site-footer a:hover,
.isft-footer a:hover {
    color: var(--text-primary, #F3F4F6);
}

/* ----- Footer Headings ----- */
.footer-title,
.isft-footer h4 {
    color: var(--text-primary, #F3F4F6);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}

/* ----- Footer Divider ----- */
.footer-divider {
    border-color: var(--bg-elevated, #2A2B32);
}

/* ----- Footer Bottom ----- */
.footer-bottom {
    padding-top: 24px;
    border-top: 1px solid var(--bg-elevated, #2A2B32);
}

.footer-copyright {
    color: var(--text-muted, #6B7280);
    font-size: 13px;
}

/* ----- Social Icons ----- */
.footer-social a {
    color: var(--text-muted, #6B7280);
    transition: color 0.25s ease;
}

.footer-social a:hover {
    color: var(--accent, #7C3AED);
}

/* ----- Responsive ----- */
@media (max-width: 768px) {
    .footer-columns {
        flex-direction: column;
        gap: 32px;
    }

    .footer-col {
        min-width: 100%;
    }
}