/* Test CSS for flags */
.language-selector {
    display: flex;
    align-items: center;
    gap: 8px;
}

.language-flag {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-size: cover;
    cursor: pointer;
    opacity: 0.7;1
    transition: transform 0.2s, opacity 0.2s;
}

.language-flag.active {
    opacity: 1;
    transform: scale(1.1);
    border: 2px solid #fff;
    box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3);
}

.flag-pt {
    background-image: url('/flags/pt-new.svg');
}

.flag-en {
    background-image: url('/flags/en.svg');
}

.language-selector-mobile {
    display: none;
}

@media (max-width: 768px) {
    .language-selector {
        display: none;
    }
    .language-selector-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 1rem 0;
        margin-top: 0.5rem;
        border-top: 1px solid #f0f0f0;
    }
}