/* 4.11.2026: Selkeä ylävalikko. Ladataan viimeisenä, joten nämä säännöt ohittavat style.css:n ja site-language.css:n vanhat valikkotyylit.
   Rakenne: logo | Näin se toimii · Kokeile · Toimialat · Hinnoittelu | kieli · Kirjaudu · [Sovi esittely]
   Ominaisuudet ja Tarina löytyvät alapalkista. */
.site-header { background: rgba(255,255,255,.94); }
.site-header .site-header__in { gap: 6px; }
.site-header__in > .brand { order: 0; margin-right: auto; }
.site-header .site-language { order: 2; }
.site-header .login-link { order: 3; }
.site-header__in > .btn--small { order: 4; }
.site-header .nav-toggle { order: 5; }

/* Kaikki valikon linkit samannäköisiä: ei pillereitä eikä korostusvärejä. */
.site-header .site-nav a,
.site-header .site-nav a[href="/kokeile"] { background: none; color: var(--muted); font-weight: 500; }
.site-header .site-nav a[href="/kokeile"]::before { display: none; }
.site-header .site-nav a:hover { color: var(--ink); }
.site-header .site-nav a.is-active,
.site-header .site-nav a[aria-current="page"],
.site-header .site-nav a[href="/kokeile"][aria-current="page"] { background: none; color: var(--ink); }

/* Kieli ja kirjautuminen hillityiksi apulinkeiksi. */
.site-header .site-language summary { min-height: 40px; padding: 0 8px; border-color: transparent; background: transparent; color: var(--muted); }
.site-header .site-language summary:hover,
.site-header .site-language[open] summary { border-color: transparent; background: var(--bg-2); color: var(--ink); }
.site-header .login-link { margin-left: 0; padding: 0 10px; color: var(--muted); }
.site-header .login-link::before { display: none; }
.site-header .login-link:hover { background: var(--bg-2); color: var(--ink); }

@media (min-width: 981px) {
  .site-header .site-nav { order: 1; margin: 0 auto; gap: 4px; font-size: 14.5px; }
  .site-header .site-nav a { position: relative; min-height: 44px; padding: 0 12px; border-radius: 8px; }
  .site-header .site-nav a[aria-current="page"]::after,
  .site-header .site-nav a.is-active::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 7px; height: 2px; border-radius: 2px; background: var(--blue); }
  .site-header__in > .btn--small { margin-left: 8px; }
}
@media (max-width: 1100px) and (min-width: 981px) {
  .site-header .site-nav { gap: 0; }
  .site-header .site-nav a { padding: 0 9px; }
  .site-header .site-nav a[aria-current="page"]::after { left: 9px; right: 9px; }
}

/* Puhelin ja tabletti: avautuva lista, kaikki rivit samanlaisia. */
@media (max-width: 980px) {
  .site-header .site-nav a,
  .site-header .site-nav a[href="/kokeile"] { align-self: stretch; color: var(--ink); }
  .site-header .site-nav a[aria-current="page"],
  .site-header .site-nav a[href="/kokeile"][aria-current="page"] { color: var(--blue); background: var(--bg-2); }
}