/* Vanguard Auto — التوب بار، الهيدر، الفوتر، وشريط الاتصال في الموبايل. */

/* top bar + nav */
.topbar{background:var(--navy-deep);color:#C9D3E0;font-size:.85rem}
.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.topbar a:hover{color:#fff}
.topbar span{display:inline-flex;align-items:center;gap:6px}
header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--navy-2);border-bottom:5px solid var(--red)}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:78px}
.brand img{height:52px;width:auto}
nav.links{display:flex;gap:28px;align-items:center}
nav.links a{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;font-size:.82rem}
nav.links a:hover{color:var(--red)}
nav.links .btn{padding:10px 18px;color:var(--on-red)}
.burger{display:none;background:none;border:0;cursor:pointer;padding:8px}
.burger span{display:block;width:26px;height:3px;background:#fff;margin:5px 0;border-radius:2px}

/* footer */
footer{background:var(--navy-deep);color:#AEBBCB;padding:64px 0 28px;font-size:.92rem}
footer .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
footer img{height:56px;width:auto;margin-bottom:16px}
footer h4{font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;color:var(--red);font-size:.85rem;margin-bottom:14px}
footer ul{list-style:none;display:grid;gap:8px}
footer a:hover{color:#fff}
.social{display:flex;gap:10px;margin-top:18px}
.social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;transition:.2s}
.social a:hover{background:var(--navy-2)}
.social svg{width:18px;height:18px;fill:#fff}
.copy{border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.82rem}

/* mobile call bar */
.callbar{display:none}

/* responsive */
@media (max-width:980px){
  footer .grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .topbar .hide-sm{display:none}
  nav.links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--navy-2);flex-direction:column;align-items:stretch;padding:12px 20px 20px;gap:0;border-bottom:1px solid var(--line);box-shadow:0 10px 20px rgba(0,0,0,.08)}
  nav.links.open{display:flex}
  nav.links a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.15)}
  nav.links .btn{margin-top:12px;justify-content:center;border:0}
  .burger{display:block}
  .brand img{height:44px}
  footer .grid{grid-template-columns:1fr}
  body{padding-bottom:64px}
  .callbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:60}
  .callbar a{padding:18px;text-align:center;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;color:#fff;background:var(--navy)}
  .callbar a+a{background:var(--red);color:var(--on-red)}
}