/* ============================================================
   ZISTO THEME — header.css
   ============================================================ */

.z-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--z-border);
  height: 60px;
}

.z-header__inner {
  display: flex;
  align-items: center;
  height: 60px;
  gap: 20px;
}

/* ── Logo ── */
.z-header__logo {
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 800;
  font-size: 1.15rem;
  color: var(--z-text);
  text-decoration: none;
  flex-shrink: 0;
}
.z-logo-icon { color: var(--z-primary); flex-shrink: 0; }
.z-logo-text { letter-spacing: -.02em; }

/* ── Nav ── */
.z-header__nav {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}

.z-nav__link {
  padding: 6px 14px;
  border-radius: var(--z-radius-pill);
  font-size: .88rem;
  font-weight: 600;
  color: var(--z-text-muted);
  transition: color var(--z-dur) var(--z-ease),
              background var(--z-dur) var(--z-ease);
  white-space: nowrap;
}
.z-nav__link:hover,
.z-nav__link--active {
  color: var(--z-text);
  background: var(--z-border-light);
}
.z-nav__link--fire { color: var(--z-accent-fire); font-weight: 700; }
.z-nav__link--fire:hover { background: rgba(225,112,85,.08); }

/* ── CTA ── */
.z-header__cta { flex-shrink: 0; }
.z-header__btn { padding: 8px 18px; font-size: .86rem; }

/* ── Responsive ── */
@media (max-width: 480px) {
  .z-header__cta { display: none; }
  .z-header__nav { gap: 2px; }
  .z-nav__link { padding: 6px 10px; font-size: .82rem; }
}

/* ── Dark mode ── */
@media (prefers-color-scheme: dark) {
  .z-header { background: rgba(19,19,31,.95); }
}