/* Motorist Ally — navigation consistency patch (2026-11-08).
   Shared by homepage, Repair Packages, Used-Car Packages, Warranty Support,
   Privacy Policy and Terms pages. No form backend / email files touched. */
@media (min-width:1121px) {
  .header-inner { gap: 15px; }
  .brand { width: 147px; }
  .brand img { width: 139px; }
  .nav { gap: clamp(11px, 1.25vw, 19px); }
  .nav > a:not(.button) { white-space: nowrap; font-size: 12px; }
  .nav .button-nav { font-size: 11px; min-height: 43px; padding: 0 15px; gap: 9px; white-space: nowrap; }
}
@media (max-width:1120px) {
  .header-inner { height: 82px; }
  .brand img { width: 118px; }
  .menu-toggle { display:flex; width:43px; height:43px; flex-direction:column; align-items:center; justify-content:center; gap:6px; border:1px solid #dfe8e6; background:#fff; border-radius:7px; flex-shrink:0; }
  .menu-toggle span { width:20px; height:2px; background:#17323a; display:block; }
  .nav { display:none; position:absolute; top:82px; left:0; right:0; background:#fff; box-shadow:0 13px 22px rgba(20,42,48,.10); padding:18px 27px 24px; align-items:stretch; gap:0; flex-direction:column; max-height:calc(100dvh - 92px); overflow-y:auto; overscroll-behavior:contain; z-index:99; }
  .nav.open { display:flex; }
  .nav > a:not(.button) { font-size:15px; padding:13px 10px; border-bottom:1px solid #eef2f1; }
  .nav .button { margin-top:17px; }
  .nav a[aria-current="page"]:not(.button) { background:#e7f2fb; border-radius:5px; color:#1766a3; }
}
@media (max-width:580px) {
  .header-inner { height:75px; }
  .brand img { width:111px; }
  .nav { top:75px; padding:14px 21px 24px; max-height:calc(100dvh - 85px); }
}

/* Consistent brand styling across all page menus. */
#primary-nav > a:not(.button):focus-visible,
#primary-nav > a.button:focus-visible,
.menu-toggle:focus-visible { outline:3px solid #1766a3; outline-offset:3px; }
@media (max-width:1120px) {
  #primary-nav { z-index:999; }
  #primary-nav > a:not(.button) { display:block; color:#15324f; }
  #primary-nav > a.button { display:flex; }
}

/* Release v1: 8 links incl. My Garage; use the mobile drawer until enough width. */
@media (min-width:1341px) {
  .header-inner{gap:11px}
  .brand{width:142px}
  .brand img{width:130px}
  .nav{gap:clamp(9px,1.04vw,15px)}
  .nav>a:not(.button){font-size:11.5px;white-space:nowrap}
  .nav .button-nav{font-size:11px;padding:0 12px;min-height:42px;gap:6px}
}
@media (min-width:821px) and (max-width:1340px) {
  .header-inner{height:82px}
  .menu-toggle{display:flex;width:43px;height:43px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #dfe8e6;background:#fff;border-radius:7px;flex-shrink:0}
  .menu-toggle span{width:20px;height:2px;background:#17323a;display:block}
  .nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;box-shadow:0 13px 22px rgba(20,42,48,.10);padding:18px 27px 24px;align-items:stretch;gap:0;flex-direction:column;max-height:calc(100dvh - 92px);overflow-y:auto;z-index:99}
  .nav.open{display:flex}
  .nav>a:not(.button){font-size:15px;padding:13px 10px;border-bottom:1px solid #eef2f1}
  .nav .button{margin-top:17px}
}
#primary-nav a[href='/portal/']:not(.button){color:#1766a3;font-weight:800}