/* NAIA — language switch: NL ▾ in the header, pills in the mobile menu.
   Loaded on every page after its own stylesheet (result.html carries its
   CSS inline, so this cannot live in naia.css). */
.lang-switch { position: relative; display: inline-flex; align-items: center; margin-left: 14px; padding-left: 18px; border-left: 1px solid var(--border); }
.lang-btn { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; letter-spacing: .08em; color: var(--charcoal); line-height: 1; padding: 0; }
.lang-chev { width: 7px; height: 7px; border-right: 1px solid var(--charcoal); border-bottom: 1px solid var(--charcoal); transform: translateY(-2px) rotate(45deg); transition: transform .25s ease; }
.lang-switch.open .lang-chev { transform: translateY(1px) rotate(225deg); }
.lang-menu {
  display: none; position: absolute; top: calc(100% + 18px); right: 0; min-width: 168px; list-style: none;
  background: rgba(245, 243, 241, .98); border: 1px solid var(--border-soft); box-shadow: 0 12px 30px rgba(25, 25, 25, .07); padding: 6px 0; z-index: 120;
}
.lang-switch.open .lang-menu { display: block; }
.lang-menu a { display: flex; align-items: center; gap: 20px; padding: 10px 16px; font-size: 12px; letter-spacing: .06em; white-space: nowrap; }
.lang-menu a::after { display: none; }
.lang-menu a:hover { background: var(--cream-soft); }
.lang-menu a small { font-size: 12px; color: var(--mid-gray); letter-spacing: .08em; }
.lang-menu a[aria-current] small { color: var(--charcoal); }
.lang-tick { display: none; width: 9px; height: 5px; border-left: 1px solid var(--charcoal); border-bottom: 1px solid var(--charcoal); transform: rotate(-45deg); margin-left: auto; }
.lang-menu a[aria-current] .lang-tick { display: block; }
.mm-lang { display: none; }
@media (max-width: 900px) {
  .mm-lang { display: flex; flex-direction: column; padding: 18px 0 0; }
  .mm-lang-label { font-family: var(--sans); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--mid-gray); margin-bottom: 8px; }
  .mm-lang-row { display: flex; gap: 8px; flex-wrap: wrap; }
  .mobile-menu .mm-lang-row a { font-family: var(--sans); font-size: 12px; letter-spacing: .06em; padding: 8px 14px; border: 1px solid var(--border); border-radius: 100px; color: var(--mid-gray); border-bottom: 1px solid var(--border); }
  .mobile-menu .mm-lang-row a[aria-current] { border-color: var(--charcoal); color: var(--charcoal); background: var(--white); }
}