.language-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
    user-select: none;
}

.language-toggle .lang-btn {
    background: none;
    border: none;
    padding: 0.1rem 0.35rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: inherit;
    opacity: 1;
    cursor: pointer;
    font-family: inherit;
    letter-spacing: 0.04em;
    line-height: 1;
    text-decoration: none;
    transition: color 0.2s ease;
}

.language-toggle .lang-btn:hover {
    opacity: 0.9;
}

.language-toggle .lang-btn.active {
    opacity: 1;
    font-weight: 700;
    color: #60E0E0;
}

.language-toggle .lang-divider {
    color: inherit;
    opacity: 0.5;
    font-size: 0.75rem;
}

.header--black .language-toggle .lang-divider {
    color: white;
}

.header--white .language-toggle .lang-divider {
    color: #1e1e1e;
}

/* 흰 배경 헤더 대비 */
.header--white .language-toggle .lang-btn {
    color: #1e1e1e;
}

.header--white .language-toggle .lang-btn.active {
    color: #00b8b8;
}

/* 숍 헤더(민트 배경) 대비 */
#shop-header .language-toggle .lang-btn {
    color: #1e1e1e;
    opacity: 0.55;
}

#shop-header .language-toggle .lang-btn.active {
    color: #ffffff;
    opacity: 1;
}

#shop-header .language-toggle .lang-divider {
    color: #1e1e1e;
}

/* 모바일 메뉴용 언어 토글 확대 스타일 */
.mobile-menu .language-toggle {
    margin: 1rem 0 0.5rem;
}

.mobile-menu .language-toggle .lang-btn {
    font-size: 1rem;
    padding: 0.3rem 0.6rem;
}

.mobile-menu .language-toggle .lang-divider {
    font-size: 1rem;
}