/* /frontend/static/css/components/header.css */

/* Tokens */
:root {
  --nav-h: 72px;          /* adjust to your real nav height */
  --nav-bg: #ffffff;
  --nav-text: #32435F;
}

/* ✅ Header becomes a normal flow element (NOT fixed) */
header {
  position: static;        /* was: fixed */
  background-color: #f8f8f8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 40px;
}

/* ✅ Make ONLY the nav fixed at the very top */
.navbar {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  height: var(--nav-h);
  background: var(--nav-bg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;         /* horizontal only; height handles vertical */
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
}

/* Typography (unchanged) */
nav ul {
  font-family: 'Inter', sans-serif;
}

nav ul li { margin-left: 20px; }

nav ul li button {
  all: unset;
  font-family: 'Inter', sans-serif ;
  font-size: 1.25rem !important;
  font-weight: 500;
  color: var(--nav-text);
  padding: 4px 0;
}