/* /assets/header.css (v1903) */

/* Vars and hard layout */
:root { --green:#16a34a; --line:#e5e7eb; --container:1180px; }

.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  width: 100%;
  background:#fff; border-bottom:1px solid #d1d5db;
  transition: box-shadow .2s ease;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* Inner layout */
.site-header .nav {
  max-width: var(--container);
  margin: 0 auto;
  padding: 14px 20px;
  display: flex; align-items: center; gap: 16px;
}

/* Brand (logo) */
.site-header .brand { display:inline-flex; align-items:center; text-decoration:none; }
.site-header .brand .logo-img { height:44px; width:auto; display:block; }
@media (max-width:760px){ .site-header .brand .logo-img { height:40px; } }

/* Primary nav area */
.site-header .nav-right {
  margin-left:auto;
  display:flex; gap:20px; align-items:center; flex-wrap:wrap;
}

/* Links */
.site-header .nav-link {
  font-weight:600; font-size:14px; line-height:1.2; letter-spacing:0;
  color:#0b0b0b; text-decoration:none;
  padding:6px 0; border-bottom:2px solid transparent;
}
.site-header .nav-link.active { border-bottom-color:var(--green); }
.site-header .nav-link:focus-visible { outline:3px solid var(--green); outline-offset:2px; border-radius:8px; }

/* Header button base (scoped so page .btn styles don't interfere) */
.site-header .btn {
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  text-decoration:none; border:0; border-radius:999px;
  color:#fff !important;
}

/* CTA button — consistent everywhere */
.site-header .header-cta {
  padding:12px 20px;
  background:var(--green);
  font-weight:700; font-size:16px; 
  line-height: 1.2; letter-spacing: 0;
  box-shadow:0 6px 14px rgba(22,163,74,.25);
  transform:translateY(0); transition:all .18s ease;
}
.site-header .header-cta:hover  { box-shadow:0 12px 22px rgba(22,163,74,.35); transform:translateY(-1px); }
.site-header .header-cta:active { transform:translateY(0); }
.site-header .header-cta:focus-visible { outline:3px solid #22c55e; outline-offset:2px; }

/* Scroll shadow */
.site-header.is-scrolled { box-shadow:0 6px 24px rgba(2,6,12,.08); }

/* Optional mobile menu hooks (safe no-op if absent) */
.site-header .nav-toggle { display:none; }
@media (max-width:760px){
  .site-header .nav-right { gap:14px; }
}