/* Footer Styles */
.footer {
    background-color: var(--color-background-light);
    border-top: 1px solid var(--color-border);
    padding: var(--spacing-2xl) 0;
    margin-top: auto;
}

.footer__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--spacing-md);
}

.footer__content {
    text-align: center;
}

.footer__description {
    font-size: var(--font-size-lg);
    color: var(--color-text);
    margin-bottom: var(--spacing-md);
    font-weight: 500;
}

.footer__links {
    display: flex;
    justify-content: center;
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    flex-wrap: wrap;
}

.footer__link {
    font-size: var(--font-size-sm);
    color: var(--color-text-light);
    text-decoration: none;
    transition: color var(--transition-fast);
    padding: var(--spacing-xs) 0;
}

.footer__link:hover {
    color: var(--color-primary);
}

/* External link styles */
.footer__link--external {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
}

.footer__link--external::after {
    content: '';
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15,3 21,3 21,9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.7;
    transition: opacity var(--transition-fast);
}

.footer__link--external:hover::after {
    opacity: 1;
}

.footer__copyright {
    font-size: var(--font-size-sm);
    color: var(--color-text-light);
}

.footer__copyright a {
    color: var(--color-text-light);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.footer__copyright a:hover {
    color: var(--color-primary);
}

/* Responsive */
@media (max-width: 768px) {
    .footer {
        padding: var(--spacing-xl) 0;
    }
    
    .footer__description {
        font-size: var(--font-size-base);
    }
    
    .footer__links {
        flex-direction: column;
        gap: var(--spacing-md);
    }
    
    .footer__link {
        font-size: var(--font-size-base);
    }
}