/* Shared Footer Styles for Patentraum */
/* This file contains all footer-related styles that are shared across pages */

/* Footer */
footer {
    background: var(--primary-color);
    color: var(--text-primary);
    text-align: center;
    padding: var(--space-8) 0;
    border-top: 1px solid var(--border-light);
}

footer .container {
    width: min(90%, 1200px);
    margin: 0 auto;
    padding: 0 var(--space-4);
}

footer .footer-info {
    font-family: var(--font-primary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-4);
}

footer .footer-links {
    display: flex;
    gap: var(--space-6);
    flex-wrap: wrap;
}

footer .footer-links a {
    color: var(--text-secondary);
    text-decoration: none;
    font-family: var(--font-secondary);
    font-size: var(--text-sm);
    transition: color var(--transition-fast);
}

footer .footer-links a:hover {
    color: var(--c-indigo);
}

/* Logo in footer - plain styling, no social media effects */
footer .social-links {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

footer .social-links a {
    display: inline-block;
    text-decoration: none;
}

footer .social-links img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Mobile Responsive */
@media screen and (max-width: 768px) {
    footer .footer-info {
        flex-direction: column;
        text-align: center;
        gap: var(--space-6);
    }

    footer .footer-links {
        justify-content: center;
        gap: var(--space-4);
    }

    footer .footer-links a {
        font-size: var(--text-xs);
    }
}

@media screen and (max-width: 480px) {
    footer {
        padding: var(--space-6) 0;
    }

    footer .footer-links {
        flex-direction: column;
        gap: var(--space-3);
    }

    footer .social-links {
        justify-content: center;
    }
}
