﻿/* Container */
.lang-toggle {
    width: 55px;
    height: 20px;
    display: flex;
    border: 1px solid #aaa;
    border-radius: 4px;
    overflow: hidden;
    background-color: transparent;
}

/* Common button styles */
.lang-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 0;
    background-color: #26457b; /* default blue for inactive */
    border: none;
    color: #ffffff; /* white text for inactive */
    font-weight: 600;
    font-size: 10px;
    transition: all 0.2s ease;
    text-align: center;
}

    /* Active language button */
    .lang-btn.active {
        background-color: #ffffff !important; /* white background */
        color: #26457b !important; /* blue text */
    }

/* Divider */
.en-btn {
    border-right: 1px solid #aaa;
}
