/* ============================================================
   WEAVE FAMILY LIBRARY  ·  family-switcher.css
   ------------------------------------------------------------
   The language switcher (.langbar) and ONLY the language switcher.
   This is the only CSS file Unit 6 adds. It is linked AFTER the
   per-book theme block, so it reads the resolved accent tokens.

   Constraints honoured (HARD):
     - Reads ONLY existing tokens: --accent / --accent-strong /
       --accent-soft / --muted / --line / --font-ui / --fs-* .
       Sets NO Tier-1 constant. Defines no new --var.
     - Overrides NO existing family.css selector. New class
       namespace (.langbar*) only.
     - Screen-only. Hidden in print (@media print) so it never
       reaches the WhatsApp-ready PDF.
     - Pure white surface, hairline rules, accent chip for the
       current language. No left-stripe soft-tint box, no
       default-Claude element, zero em-dashes.
   ============================================================ */

.langbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp-2);
  max-width: 720px;
  margin: 0 auto;
  padding: var(--sp-4) 20px var(--sp-3);
  border-bottom: 1px solid var(--line);
  /* multi-script stack: each chip shows its own native name (हिंदी / मराठी /
     ಕನ್ನಡ), so the langbar must carry Latin + Devanagari + Kannada fonts
     regardless of the page language's --font-ui Devanagari swap. */
  font-family: "Hanken Grotesk", "Noto Sans Devanagari", "Noto Sans Kannada", system-ui, -apple-system, sans-serif;
  font-size: var(--fs-small);
}

.langbar__label {
  font-size: var(--fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  margin-right: var(--sp-2);
}

/* one entry per language. shared geometry; state via modifiers. */
.langbar__item {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.25em 0.7em;
  border-radius: 999px;
  border: 1px solid var(--line);
  line-height: 1.3;
  white-space: nowrap;
}

/* a present, non-current variant: a real link to ./<lang>.html */
a.langbar__item {
  color: var(--accent-strong);
  text-decoration: none;
}
a.langbar__item:hover { border-color: var(--accent); }

/* the current language: an accent chip, not a link (aria-current) */
.langbar__item--current {
  color: var(--accent-contrast);
  background: var(--accent);
  border-color: var(--accent);
  font-weight: 600;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* a launch-set variant we have NOT built yet for this resource, or
   Kannada (always wave 2): muted, non-link, never a dead href. */
.langbar__item--soon {
  color: var(--faint);
  border-style: dashed;
  cursor: default;
}
.langbar__item--soon .langbar__soon {
  font-size: var(--fs-eyebrow);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--faint);
}

@media print { .langbar { display: none; } }