/* ── Footer ── */
.app-footer {
    width: 100%;
    padding: 24px 20px;
    text-align: center;
    font-size: 13px;
    color: var(--text-dark);
    opacity: 0.7;
    line-height: 1.8;
}

.app-footer a {
    color: var(--text-dark);
    text-decoration: underline;
    transition: var(--transition);
}

.app-footer a:hover {
    color: var(--primary-green);
}

.footer-divider {
    margin: 0 8px;
    opacity: 0.4;
}

/* Responsive adjustments if needed */
@media (max-width: 640px) {
    .app-footer {
        padding-bottom: 32px; /* Extra padding for mobile */
    }
}