/* Footer */

.footer {
    opacity: 0;
    position: relative;
    width: 100%;
    height: var(--footer-height);
    background: #05050572;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid var(--border-subtle);
    display: flex;
    justify-content: center;
    animation: fadeUp 0.9s var(--transition-smooth) forwards;
    animation-delay: 1.6s;
}

#footer-inner {
    width: 100%;
    height: 100%;
    max-width: var(--container-width);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0 clamp(20px, 3vw, 40px);
}

.footer-left {
    flex-shrink: 0;
}

.footer-left p {
    font-size: 0.9rem;
    opacity: 0.65;
}

.footer-right {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.footer-right a {
    text-decoration: none;
    color: white;
    opacity: 0.6;
    white-space: nowrap;
    transition:
            color var(--transition-fast),
            opacity var(--transition-fast),
            transform var(--transition-fast);
}

.footer-right a:hover {
    opacity: 1;
    color: var(--accent-hover);
    transform: translateY(-1px);
}

.footer-right a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background: var(--accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform var(--transition-medium);
}

.footer-right a:hover::after {
    transform: scaleX(1);
}

/* Media Queries */

@media (max-width: 700px) {
    .footer-inner {
        gap: 0.75rem;
    }

    .footer-right {
        gap: 0.9rem;
    }

    .footer-left p {
        font-size: 0.8rem;
    }

    .footer-right a {
        font-size: 0.85rem;
    }
}