/* Language Toggle Button */
.lang-toggle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    border: 3px solid #FFD700;
    position: relative;
    transition: transform 0.2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    transform: rotate(25deg);
}
.lang-toggle:hover {
    transform: rotate(25deg) scale(1.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
.lang-half {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
}
.lang-us {
    left: 0;
    background: 
        linear-gradient(to bottom,
            #B22234 0%, #B22234 7.7%,
            #FFFFFF 7.7%, #FFFFFF 15.4%,
            #B22234 15.4%, #B22234 23.1%,
            #FFFFFF 23.1%, #FFFFFF 30.8%,
            #B22234 30.8%, #B22234 38.5%,
            #FFFFFF 38.5%, #FFFFFF 46.2%,
            #B22234 46.2%, #B22234 53.9%,
            #FFFFFF 53.9%, #FFFFFF 61.6%,
            #B22234 61.6%, #B22234 69.3%,
            #FFFFFF 69.3%, #FFFFFF 77%,
            #B22234 77%, #B22234 84.7%,
            #FFFFFF 84.7%, #FFFFFF 92.4%,
            #B22234 92.4%, #B22234 100%
        );
}
.lang-us::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 46%;
    background: #3C3B6E;
}
.lang-br {
    right: 0;
    background: #009C3B;
}
.lang-br::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 70%;
    height: 70%;
    background: #FFDF00;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.lang-br::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35%;
    height: 35%;
    background: #002776;
    border-radius: 50%;
}
.lang-toggle-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-25deg);
    font-size: 11px;
    font-weight: bold;
    color: white;
    text-shadow: 0 0 4px black, 0 0 2px black;
    z-index: 10;
    background: rgba(0,0,0,0.5);
    padding: 2px 6px;
    border-radius: 10px;
}