/*
============================================================
FOOTER.CSS - DARK MODE
============================================================
*/

.modern-footer {
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-light);
}

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding: 1.5rem var(--container-padding);
}

.legal,
.legal-secondary {
    font-size: 0.8125rem;
    color: var(--text-tertiary);
    margin: 0;
}

.legal-secondary i { color: #f87171; }

@media (max-width: 640px) {
    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }
}