/* Shared responsive header for all pages */
:root{
  --brand:#165A41; --text:#0f172a; --muted:#475569;
  --ring: color-mix(in srgb, var(--brand) 38%, transparent);
}

/* Bar + brand */
header.site{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #e2e8f0}
header .wrap{width:min(1200px,92vw);margin-inline:auto}
header .bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;gap:1rem}
header .brand{display:flex;align-items:center;gap:.75rem}
header .brand img{height:120px;width:auto;border-radius:6px;display:block}

/* Nav + CTA (desktop) */
header .nav ul{display:flex;gap:1.25rem;list-style:none;padding:0;margin:0;align-items:center}
header .nav a{font-weight:600;color:var(--text);opacity:.95;text-decoration:none}
header .cta{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;font-weight:700;
  border-radius:999px;border:1px solid var(--brand);color:#fff;background:var(--brand)}
header .phone-link{font-weight:700;color:var(--brand);text-decoration:none}

/* Mobile menu button */
.menu-toggle{display:none;background:transparent;border:1px solid #e2e8f0;border-radius:10px;padding:.5rem .6rem}
.menu-lines{width:22px;height:2px;background:#0f172a;position:relative;display:block}
.menu-lines::before,.menu-lines::after{content:"";position:absolute;left:0;right:0;height:2px;background:#0f172a;transition:.2s ease}
.menu-lines::before{top:-6px}.menu-lines::after{top:6px}

/* Helpers */
.hide-mobile{} .only-mobile{display:none}

/* Scale on medium screens */
@media (max-width: 992px){ header .brand img{height:80px} }

/* Mobile dropdown behaviour */
@media (max-width: 768px){
  header .bar{padding:.6rem 0}
  header .brand img{height:64px}
  .menu-toggle{display:inline-flex}

  header .nav{
    position:absolute; top:100%; left:0; right:0; background:#fff;
    border-bottom:1px solid #e2e8f0; box-shadow:0 10px 30px rgba(2,6,23,.06);
    transform:translateY(-8px); opacity:0; pointer-events:none;
    transition:opacity .18s ease, transform .18s ease;
  }
  header .nav ul{flex-direction:column; align-items:stretch; padding:.5rem; gap:.25rem}
  header .nav a, header .nav .cta{display:block; padding:.8rem 1rem; border-radius:12px}
  header .nav.open{transform:translateY(0); opacity:1; pointer-events:auto}

  /* animate hamburger to X */
  .menu-toggle[aria-expanded="true"] .menu-lines{background:transparent}
  .menu-toggle[aria-expanded="true"] .menu-lines::before{top:0; transform:rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .menu-lines::after{top:0; transform:rotate(-45deg)}

  /* desktop-only hidden on mobile */
  .hide-mobile{display:none}
  .only-mobile{display:list-item}
}