/* Shared language navigation; a new asset URL avoids stale cached base styles. */
@layer components {
  .header-inner { gap: 1.25rem; }
  .navigation { gap: 1.25rem; }
  .language-switch { display: flex; flex: 0 0 auto; align-items: center; gap: .15rem; padding: .15rem; border: 1px solid var(--line); border-radius: 7px; }
  .language-switch a { display: grid; place-items: center; min-width: 40px; min-height: 40px; padding: .25rem .5rem; border-radius: 4px; font-size: .72rem; font-weight: 600; color: var(--muted); }
  .language-switch a:hover { color: var(--ink); background: #ffffff08; }
  .language-switch a[aria-current="page"] { color: var(--bg); background: var(--cyan); }
  @media (min-width: 761px) and (max-width: 1150px) {
    .header-inner { flex-wrap: wrap; padding-block: 1rem; gap: .5rem 1rem; }
    .language-switch { margin-left: auto; }
    .navigation { order: 1; flex-basis: 100%; justify-content: center; margin-left: 0; gap: 1.5rem; }
  }
  @media (max-width: 760px) {
    .header-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem 1rem; }
    .header-inner > .brand { grid-column: 1; grid-row: 1; }
    .menu-toggle { grid-column: 2; grid-row: 1; }
    .language-switch { grid-column: 1 / -1; grid-row: 2; justify-self: end; }
    .navigation { grid-column: 1 / -1; grid-row: 3; margin-left: 0; padding-top: .25rem; }
    .navigation:not(.is-open) { margin-top: 0; }
  }
  html[lang="ro"] .hero h1 { overflow-wrap: break-word; }
}