/* Sidhuvud: logga, navigering och CTA */

header.chrome{
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 90;
  display: flex;
  align-items: center;
}
.chip{
  border: 1px solid var(--border);
  box-shadow: 0 6px 20px rgba(34,30,27,0.06);
}
.logo-chip{
  width: auto; height: 52px; position: relative;
  background: var(--chip-logo);
  border-radius: 999px; /* samma halvcirkel som "Säg hej" */
  display: flex; align-items: center; justify-content: center;
  padding: 0 22px;
}
.logo-chip svg{ height: 34px; width: auto; display: block; }

.nav-cta-bar{
  position: fixed;
  top: 20px;
  right: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  height: 52px;
  background: var(--chip);
  border: 1px solid var(--border);
  border-radius: 999px 0 0 999px;
  overflow: hidden;
}
.nav-links{
  display: flex;
  align-items: center;
}
.nav-links a{
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  color: var(--ink);
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 999px;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease;
}
.nav-links a:first-child{ padding-left: 22px; }
.nav-links a:hover{ background: var(--bg-alt); color: var(--orange); }
.header-cta,
.nav-cta-bar a.header-cta{
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 30px 0 22px;
  background: var(--orange);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  transition: background .2s ease;
}
.header-cta:hover,
.nav-cta-bar a.header-cta:hover{ background: var(--ink); color: #fff; }