/* soyes.ai shared site styles (FIX_ISSUES 9.1).
   Single source of truth for the nav language toggle — i18n.js injects the
   FR/ES buttons into .lang-toggle at runtime, so these rules must be identical
   on every marketing page (the per-page copies had diverged: index/about/
   ai-assistant were missing align-items and mis-stacked the injected buttons).
   Loaded BEFORE each page's own <style>, so a page can still override.
   Deliberately NOT used by the light-theme pages (security/privacy/terms/
   refundpolicy) — their compact light toggle is a different, intentional design. */

.lang-toggle {
  display: flex; align-items: center;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 24px; padding: 4px; gap: 2px;
}
.lang-btn {
  background: none; border: none; color: rgba(255,255,255,0.5);
  font-size: 12px; font-weight: 700; padding: 5px 13px; border-radius: 20px;
  cursor: pointer; transition: all 0.2s; font-family: inherit; letter-spacing: 0.5px;
}
.lang-btn.active { background: linear-gradient(135deg,#0ea5e9,#06b6d4); color: white; }