/* ==========================================================================
   Footer & Language Switcher
   Extracted from main.css for modularity (v0.8.0)
   ========================================================================== */

.footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1rem 2rem;
    border-top: 1px solid var(--border-color);
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.footer-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.footer-content p {
    margin: 0;
}

.footer-minimal {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.footer-minimal p {
    margin: 0;
}

.footer-separator {
    color: var(--text-secondary);
    opacity: 0.5;
}

.footer-links {
    display: flex;
    gap: 0.75rem;
}

.footer-links a {
    color: var(--text-secondary);
    text-decoration: none;
}

.footer-links a:hover {
    color: var(--text-color);
    text-decoration: underline;
}

.footer p {
    margin: 0;
}

/* --------------------------------------------------------------------------
   Language Switcher (shared by marketing + app)
   -------------------------------------------------------------------------- */
.lang-switcher {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.lang-switcher-form {
    display: inline;
}

.lang-switcher-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    background: transparent;
    color: var(--text-secondary);
    font-size: 0.8rem;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.lang-switcher-btn:hover {
    background: var(--background);
    border-color: var(--primary);
    color: var(--primary);
}

.lang-switcher-label {
    font-size: 0.8rem;
}