/* Orenvara V1.6 — responsive public navigation and safe text wrapping. */
.primary-nav a,
.primary-nav button,
.menu-toggle,
.nav-links a,
.nav-actions a {
  overflow-wrap: normal;
  word-break: normal;
}

@media (min-width: 1361px) {
  .primary-nav a,
  .nav-actions .button,
  .menu-toggle {
    white-space: nowrap;
  }
}

@media (max-width: 1360px) {
  :root { --site-header-height: 80px; }

  .header-inner {
    width: calc(100% - 36px);
    min-height: var(--site-header-height);
    gap: 18px;
  }

  .site-header .brand img { width: clamp(186px, 19vw, 212px); }

  .primary-nav {
    position: fixed;
    inset: var(--site-header-height) 0 auto;
    display: none;
    max-height: calc(100svh - var(--site-header-height));
    overflow-y: auto;
    align-items: stretch;
    padding: 24px clamp(24px, 5vw, 64px) 30px;
    border-bottom: 1px solid var(--line);
    background: #0a0913;
    box-shadow: 0 24px 42px rgba(0, 0, 0, .42);
  }

  .site-header.open .primary-nav { display: grid; }
  .nav-links,
  .nav-actions { align-items: stretch; flex-direction: column; }
  .nav-links { gap: 0; }
  .nav-links a,
  .team-link { padding: 11px 0; font-size: 15px; }
  .nav-actions { gap: 10px; margin-top: 14px; }
  .nav-actions .client-link,
  .nav-actions .button { width: 100%; justify-content: center; }
  .language-switch { align-self: flex-start; }
  .menu-toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    white-space: nowrap;
  }
  .menu-toggle span {
    width: 20px;
    height: 12px;
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
  }
}

@media (max-width: 760px) {
  :root { --site-header-height: 74px; }
  .header-inner { width: calc(100% - 28px); }
  .site-header .brand img { width: 174px; }
  .primary-nav { inset: var(--site-header-height) 0 auto; padding-inline: 20px; }
}

@media (max-width: 390px) {
  .site-header .brand img { width: 154px; }
  .menu-toggle { gap: 8px; font-size: 13px; }
}