/* ===================================
   Footer Styles
   =================================== */

/* Footer Container */
footer {
    background: var(--color-background-2);
    backdrop-filter: blur(var(--blur-strength)) saturate(180%);
    -webkit-backdrop-filter: blur(var(--blur-strength)) saturate(180%);
    padding: 12px 20px;
    text-align: center;
    border-top: var(--glass-border);
    position: relative;
}

footer p {
    color: var(--color-foreground-2);
    font-size: 12px;
    margin: 0;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    footer {
        padding: 12px 20px;
        position: relative;
        margin-bottom: 80px; /* Über der Bottom-Nav */
    }

    footer p {
        font-size: 11px;
    }
}