/* =========================================
   LANGUAGE SWITCHER
========================================= */

.language-switcher-container {
    text-align: center;
    /* margin: 0px auto 10px auto; */
    width: 100%;
}

.language-switcher {
    bottom: 10px;
    left: 10px;
    position: fixed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    z-index: 999;
    padding: 4px 4px;
    background: linear-gradient(45deg, #e7a52d, #000);
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(255, 212, 99, 0.35);
    backdrop-filter: blur(8px);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.language-switcher:hover {
    box-shadow:
        0 0 14px rgba(255, 212, 99, 0.55);
}

.lang-btn {
    border: none;
    outline: none;

    cursor: pointer;

    background: transparent;

    color: #ffd463;

    padding: 5px 10px;

    border-radius: 18px;

    font-size: 11px;
    font-weight: 700;

    line-height: 1;

    transition:
        all 0.3s ease;
}

.lang-btn:hover {
    transform: scale(1.05);
}

.lang-btn.active {
    background: #e7a52d;

    color: #000;

    /* box-shadow:
        0 0 8px rgba(255, 212, 99, 0.7); */
}


/* =========================================
   MARKET LANGUAGE ANIMATION
========================================= */

.market-name-lang {
    display: inline-block;

    opacity: 1;

    transform:
        translateY(0) scale(1);

    filter: blur(0);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        filter 0.25s ease;
}

.market-name-lang.language-changing {
    opacity: 0;

    transform:
        translateY(-6px) scale(0.96);

    filter: blur(4px);
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 500px) {

    .lang-btn {
        padding: 5px 8px;
        font-size: 10px;
    }
}