/* PATCH_ID: b2c_phase5f3_i18n_stability_no_shake_stage_safe_20260708 */

/*
  Stable i18n switcher.
  5F-1/5F-2 scripts are removed from index.html by this patch.
  This CSS is self-contained so old i18n CSS is no longer needed.
*/

.b2c-lang-switcher{
  position:fixed;
  top:18px;
  right:18px;
  z-index:9998;
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px;
  border-radius:999px;
  background:rgba(255,255,255,.80);
  border:1px solid rgba(205,160,232,.28);
  box-shadow:0 14px 34px rgba(92,48,121,.12);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transform:translateZ(0);
}

.b2c-lang-switcher,
.b2c-lang-switcher *{
  box-sizing:border-box;
}

.b2c-lang-switcher__label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:999px;
  background:linear-gradient(135deg,#fff2fb,#f4e8ff);
  color:#8b5cf6;
  font-size:13px;
  font-weight:950;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.78);
  line-height:1;
}

.b2c-lang-switcher__btn{
  border:0;
  border-radius:999px;
  min-width:34px;
  height:30px;
  padding:0 10px;
  background:transparent;
  color:#5d526a;
  font-size:12px;
  font-weight:900;
  line-height:30px;
  cursor:pointer;
  transform:translateZ(0);
  transition:
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

/* No translateY on hover. Previous vertical hover transform could visually shake with repeated DOM work. */
.b2c-lang-switcher__btn:hover{
  background:rgba(247,235,255,.84);
  color:#24162f;
}

.b2c-lang-switcher__btn.is-active{
  background:#19171f;
  color:#fff;
  box-shadow:0 9px 18px rgba(25,23,31,.16);
}

.b2c-dev-copy-hidden,
[data-b2c-dev-copy-hidden="1"]{
  display:none !important;
}

html[lang="ko"] body,
html[lang="en"] body{
  word-break:keep-all;
}

@media(max-width:760px){
  .b2c-lang-switcher{
    top:12px;
    right:12px;
    padding:5px;
    gap:5px;
  }
  .b2c-lang-switcher__label{
    width:26px;
    height:26px;
    flex-basis:26px;
    font-size:12px;
  }
  .b2c-lang-switcher__btn{
    min-width:31px;
    height:28px;
    line-height:28px;
    padding:0 8px;
    font-size:11px;
  }
}
