/**
 * Language Switcher Styles - Minimal functional styles only
 */

/* Loading state for language switching */
.lang>a.loading {
    opacity: 0.7;
    pointer-events: none;
}

.loading-spinner {
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 8px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Flag icons */
.flag-icon {
    width: 20px;
    height: auto;
    border-radius: 2px;
    flex-shrink: 0;
}

/* Language switching transition */
body.language-switching {
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {

    body.language-switching,
    .loading-spinner {
        transition: none;
        animation: none;
    }
}