/* ===== UNIFIED GREEN HEADER ===== */
.site-header{
  background: linear-gradient(90deg, var(--primary), var(--primary-600));
  color:#fff; border-bottom:none; position:sticky; top:0; z-index:60;
}
.site-header a{ color:#fff; text-decoration:none }
.site-header a:hover{ text-decoration:underline }

/* One-row grid: brand | menu | search | right */
.header-inner.one-row{
  max-width:1200px; margin:0 auto; padding:10px 16px;
  display:grid; align-items:center; column-gap:12px;
  grid-template-columns: auto minmax(340px,auto) 1fr auto;
}

/* Brand */
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{color:#fff}
.brand-text strong{font-weight:800}
.brand-sub{font-size:12px;opacity:.9}

/* Departments (desktop) */
.main-nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.main-nav .nav-link{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.15);transition:.15s;font-weight:600}
.main-nav .nav-link:hover{background:rgba(255,255,255,.3)}

/* Search */
.search-form{display:flex;gap:8px;width:100%}
.search-input{flex:1;padding:10px 12px;border:none;border-radius:8px;outline:none;background:#fff}
.search-btn{padding:10px 14px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}
.search-btn:hover{background:var(--accent-600)}

/* Right side */
.header-right{display:flex;align-items:center;gap:10px}
.city-pill{background:rgba(255,255,255,.15);padding:6px 10px;border-radius:999px;font-size:.9rem}
.icon-link{padding:6px 8px;border-radius:8px}
.icon-link:hover{background:rgba(255,255,255,.2)}
.hamburger{
  display:none;font-size:20px;line-height:1;padding:6px 10px;background:transparent;color:#fff;
  border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;
}
.hamburger:hover{background:rgba(255,255,255,.2)}

/* Mobile drawer */
.mobile-menu{
  position: sticky; top:0; z-index:70;
  background: linear-gradient(90deg, var(--primary), var(--primary-600));
  padding:8px 12px 14px; animation: menuSlide .18s ease-out;
}
@keyframes menuSlide{from{opacity:0; transform:translateY(-8px)} to{opacity:1; transform:translateY(0)}}
.mobile-nav{display:grid; gap:8px; max-width:1200px; margin:0 auto}
.mobile-link{display:block;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;font-weight:600}
.mobile-link:hover{background:rgba(255,255,255,.25)}
.mobile-menu hr{border:0;border-top:1px solid rgba(255,255,255,.25);margin:6px 0}

/* Responsive header */
@media (max-width:1024px){
  .header-inner.one-row{grid-template-columns:auto 1fr auto}
  .main-nav{display:none}
  .hamburger{display:inline-block}
}
@media (max-width:680px){
  .header-inner.one-row{grid-template-columns:1fr;row-gap:8px}
  .brand{justify-content:center}
  .search-form{order:2}
  .header-right{justify-content:center;order:3}
}