/* bris9.com 다국어 스위치 (KO | EN) */

/* 번역 적용 전 깜빡임(영어→한국어로 바뀌는 순간) 방지 — i18n.js 가 적용 후 해제 */
html.i18n-loading body { visibility: hidden; }

.i18n-switch-slot { display: flex; align-items: center; }

.i18n-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 40px;
  padding: 0 6px;
  border: 1px solid #e3e3e3;
  border-radius: 30px;
  background: #fff;
  font-family: "Noto Sans KR", sans-serif;
  white-space: nowrap;
}
.i18n-switch__btn {
  border: 0;
  background: transparent;
  padding: 4px 8px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #888;
  cursor: pointer;
  transition: color .2s, background-color .2s;
}
.i18n-switch__btn:hover { color: #111; }
.i18n-switch__btn.is-active { background: #000; color: #fff; }
.i18n-switch__btn:focus-visible { outline: 2px solid #000; outline-offset: 2px; }
.i18n-switch__bar { color: #d0d0d0; font-size: 12px; }

/* 모바일: 헤더 공간이 좁으므로 살짝 축소 */
@media (max-width: 575px) {
  .i18n-switch { height: 34px; padding: 0 4px; }
  .i18n-switch__btn { font-size: 12px; padding: 4px 6px; }
}

/* 영어 모드에서는 '영어 제목 + 한글 부제' 블록의 한글 부제를 숨김 */
html.lang-en .i18n-ko-only { display: none !important; }