/* header.css — shared site header styles, self-hosted Inter (no CDN) */

/* Optional: self-hosted Inter. Place these in /public/assets/fonts/inter/ */
@font-face {
  font-family: "Inter";
  src:
    url("/assets/fonts/inter/Inter-Regular.woff2") format("woff2"),
    url("/assets/fonts/inter/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src:
    url("/assets/fonts/inter/Inter-SemiBold.woff2") format("woff2"),
    url("/assets/fonts/inter/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src:
    url("/assets/fonts/inter/Inter-ExtraBold.woff2") format("woff2"),
    url("/assets/fonts/inter/Inter-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  border-bottom: 1px solid #e6edf7;
  background: #fff;
}

.logo {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  text-decoration: none;
}

.logo__img {
  height: 28px; /* adjust to your mark */
  width: auto;
  display: block;
}

.logo__text {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", sans-serif;
  font-weight: 800;        /* strong brand weight */
  font-size: 1.5rem;
  letter-spacing: .2px;
  color: #0f1a2b;
  line-height: 1;
  white-space: nowrap;
}

header nav {
  display: flex;
  gap: 12px;
  align-items: center;
}

header nav a {
  color: #223;
  text-decoration: none;
  padding: 8px 6px;
  border-radius: 8px;
}

header nav a:hover {
  background: #f2f5fb;
}

/* Responsive: hide wordmark on very narrow screens to prevent wrap */
@media (max-width: 380px){
  .logo__text { display: none; }
}