/* === Header (vt.com style) === */
header {
  background: white;
  padding: 10px 20px 5px;
  position: relative;
  z-index: 2;
  width: 100%;
}
.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
  flex-wrap: nowrap;
  gap: 10px;
}
.left-logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.left-logo img { height: 65px; width: auto; }
.left-logo span { font-size: 1.3rem; font-weight: bold; color: #2c5e1a; white-space: nowrap; }
.nav-wrapper { display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; }

/* Navigation */
nav ul { list-style: none; display: flex; gap: 8px; padding: 0; margin: 0; }
nav a { text-decoration: none; color: #2c5e1a; font-weight: 500; font-size: 1rem; padding: 5px 10px; border-radius: 4px; display: inline-block; }
nav a:hover { background: #e8f5e9; }
nav a.active, nav a[aria-current="page"] { background: #c8e6c9; font-weight: 700; }

/* Seal + tagline */
.county-seal { height: 47px; width: auto; margin-left: 10px; }
.tagline { width: 100%; text-align: center; font-style: italic; color: #3d6db3; font-size: 1.1rem; margin-top: 2px; font-weight: 500; }

/* Footer */
footer { background: #2c5e1a; color: white; text-align: center; padding: 6px; font-size: 1rem; width: 100%; margin-top: auto; }
.credit-line { background: #ccc; color: #222; display: flex; justify-content: space-between; padding: 4px 20px; font-size: 0.8rem; }

/* Mobile */
@media (max-width: 768px) {
  .header-container { flex-wrap: wrap; justify-content: center; }
  .left-logo { width: 100%; justify-content: center; }
  .nav-wrapper { width: 100%; justify-content: center; }
}

/* === HOTFIX: lock header logo sizes and alignment === */
header .left-logo img { height:65px !important; width:auto !important; max-width:none !important; display:inline-block !important; }
header .county-seal   { height:47px !important; width:auto !important; margin-left:10px !important; display:inline-block !important; }
.header-container, .nav-wrapper { align-items:center !important; }