/* Same globe + native details component used on product pages. */
body > nav { direction: ltr; gap: 20px; }
body > nav .company-language { order: 10; margin-left: 0; flex-shrink: 0; position: relative; }
body > nav .nav-menu, body > nav .nav-actions, body > nav > .nav-cta { margin-left: auto; }
.company-language summary { min-width: 44px; height: 36px; padding: 0 10px; border: 1px solid var(--border, #30303a); border-radius: 8px; background: var(--surface, #17171e); color: var(--text, #f4f4f5); display: inline-flex; align-items: center; justify-content: center; gap: 5px; cursor: pointer; list-style: none; }
.company-language summary::-webkit-details-marker { display:none; }
.company-language[open] summary { border-color:var(--accent, #8b5cf6); }
.company-language .language-current { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; letter-spacing:.04em; line-height:1; }
.company-language .language-globe { flex-shrink:0; color:var(--muted,#aaa); }
.company-language .fa-chevron-down { font-size:9px; color:var(--muted,#aaa); }
.company-language .language-dropdown { position:absolute; top:calc(100% + 10px); right:0; z-index:120; width:220px; max-height:min(440px,calc(100dvh - 100px)); overflow-y:auto; padding:8px; background:var(--surface,#17171e); border:1px solid var(--border,#30303a); border-radius:12px; box-shadow:0 18px 45px #0006; direction:ltr; }
.company-language .language-option { display:flex; align-items:center; min-height:36px; padding:8px 10px; border-radius:8px; color:var(--text,#f4f4f5); text-decoration:none; font-size:13.5px; font-weight:600; line-height:1.2; }
.company-language .language-option:hover,.company-language .language-option[aria-current] { background:var(--surface2,#292934); }
.company-table-wrap { max-width:100%; overflow-x:auto; }
body > nav > .nav-back + .company-language { margin-left:auto; }
[dir="rtl"] .projects-viewport,[dir="rtl"] .projects-track { direction:ltr; }
[dir="rtl"] .project-card { direction:rtl; }
@media(min-width:901px) and (max-width:1200px) {
  body > nav .nav-menu ul { display:none; }
}
@media(max-width:960px) {
  body > nav { gap:12px; }
  body > nav .nav-toggle { margin-left:auto; }
  body > nav .nav-menu { margin-left:0; }
  .company-language .language-dropdown { position:fixed; top:72px; right:16px; max-width:calc(100vw - 32px); }
}