/* beecore-lang-core.css — language selector dropdown (scoped .bc-lang-* only).
   Button styling is in beecore-global-header.css.
   THIS file only controls the dropdown container + 3-column grid items. */

.bc-lang-switch { position: relative; display: inline-flex; align-items: center; }

.bc-lang-btn {
  display: inline-flex; align-items: center; gap: 4px;
  width: auto; min-width: 0; max-width: none;
  white-space: nowrap; word-break: keep-all;
  font-family: inherit;
  font-size: 13px; font-weight: 500; color: #374151;
  background: transparent;
  border: 1px solid #E5E7EB; border-radius: 6px;
  padding: 5px 10px; cursor: pointer; line-height: 1;
}
.bc-lang-btn:hover { background: #F3F4F6; }
.bc-lang-btn .lang-arrow { font-size: 10px; line-height: 1; }

.bc-lang-menu {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 1200;
  min-width: 190px;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  padding: 4px;
  box-shadow: 0 8px 24px rgba(15, 17, 23, 0.10);
}
.bc-lang-menu.is-open { display: block; }

.bc-lang-item {
  display: grid;
  grid-template-columns: 28px 36px minmax(0, 1fr);
  align-items: center;
  gap: 4px;
  width: 100%;
  text-align: left;
  font-family: inherit;
  font-size: 13px; font-weight: 500; color: #374151;
  background: transparent; border: none; border-radius: 6px;
  padding: 8px 8px; cursor: pointer; line-height: 1;
}
.bc-lang-item:hover { background: #F3F4F6; }
.bc-lang-item.is-active { color: #181818; font-weight: 600; background: #FDF8E9; }

/* FLAG — Twemoji FIRST for real color flag glyphs */
.bc-lang-item .bc-lang-flag {
  text-align: center;
  font-family: Twemoji, "Apple Color Emoji", "Noto Color Emoji", sans-serif;
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bc-lang-item .bc-lang-short {
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 600;
  color: #6b7280; letter-spacing: 0.3px;
  font-variant-numeric: tabular-nums;
}

.bc-lang-item .bc-lang-label {
  display: flex; align-items: center;
  font-size: 13px; font-weight: 500; color: #1f2937;
}

nav.nav a.nav-link.bc-nav-active,
nav.nav a.nav-link.pr-nav-active,
nav.nav a.nav-link.st-nav-active {
  color: #181818; font-weight: 600;
}

@media (max-width: 768px) {
  .bc-lang-btn { padding: 5px 8px; font-size: 12px; }
}