/* LANG 드롭다운 버튼: 호버 끊김 방지 & 접근성 보강 */
.langBtn {
  position: relative;
  margin-right: 12px;
  z-index: 1001;                 /* 아이콘보다 위에 오도록 */
}

/* ▼ 버튼(기존 스타일 유지 가능) */
.langBtn .langTxt {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  height: 35px;        /* btn-yt 크기 기준 */
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 500;
  color: #444;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 6px;
  cursor: pointer;
  transition: all .2s ease;
}
.langBtn .langTxt svg {
  width: 12px; height: 12px;
  fill: #666; transition: transform .2s ease;
}

/* 드롭다운 목록 */
.langlist {
  display: none;
  position: absolute;
  top: 100%;                     /* 갭 제거 */
  right: 0;
  margin-top: 6px;               /* 시각적 여백은 margin으로 */
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  min-width: 110px;
  box-shadow: 0 4px 10px rgba(0,0,0,.1);
  z-index: 1002;
}

/* 버튼과 목록 사이에 '보이지 않는 브릿지'로 hover 끊김 방지 */
.langBtn::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 100%;
  height: 8px;                   /* 마우스가 지나가도 hover 유지 */
}

/* 항목 */
.langlist li a {
  display: block;
  padding: 8px 12px;
  font-size: 15px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s ease;
}
.langlist li a:hover { background: #f5f5f5; }

/* 표시 트리거: hover + 키보드 포커스 모두 지원 */
.langBtn:hover .langlist,
.langBtn:focus-within .langlist {
  display: block;
}
.langBtn:hover .langTxt svg,
.langBtn:focus-within .langTxt svg {
  transform: rotate(180deg);
}

/* 모바일 약간 축소 */
@media (max-width: 960px){
  .langBtn .langTxt { padding: 6px 10px; font-size: 13px; }
  .langlist li a { font-size: 12px; padding: 6px 10px; }
}
/* 현재 선택된 언어 항목 강조 */
.share-area .langBtn .langlist a.is-current {
  font-weight: 700;
  position: relative;
  padding-right: 24px; /* 체크마크 자리 확보 */
}

.share-area .langBtn .langlist a.is-current::after {
  content: "✓";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #2a6;
}
