/* === shared-header.css (unify header/menu across pages) === */
header.navbar, .navbar { background:#fff; position:sticky; top:0; z-index:1000; }

.nav-container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.nav-container .logo {
  display:block;
  background-repeat:no-repeat;
  background-position:center left;
  background-size:contain;
  width:35px;
  height:35px;
  margin-left:15px;
  flex-shrink:0;
}

/* Desktop menu */
.navbar ul {
  display:flex;
  list-style:none;
  gap:20px;
  margin:0;
  padding:0;
}

.navbar ul li a {
  display:block;
  text-decoration:none;
  color:#333;
  font-weight:500;
  font-size:16px;      /* <-- consistent font size */
  line-height:1.2;
}

.navbar ul li a:hover {
  text-decoration:underline;
  color:#fff;
  background-color:#FF595A;
  padding:5px 10px;
  border-radius:5px;
}

/* Ensure the menu stays on the right even if other styles load */
.nav-container nav { margin-left:auto; }

/* Mobile */
@media (max-width:1024px){
  .hamburger-btn{ display:block; margin-left:auto; }
  .navbar nav{ display:none !important; }        /* hide desktop menu */
  .mobile-nav{ display:block !important; }
}

@media (max-width:768px){
  .nav-container{ flex-direction:column; gap:10px; }
  .navbar ul{ flex-direction:column; gap:10px; align-items:flex-start; }
}

/* Optional: force same font family for the header area only */
.navbar, .navbar a{ font-family: Stem, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }