/* ============ SHARED NAV + FOOTER ============ */
/* Loaded by all pages via <link rel="stylesheet" href="_shared.css"> */

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(13,27,46,.85);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.10);transition:.3s}
.nav-inner{max-width:1240px;margin:0 auto;padding:16px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-logo{height:34px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:30px;list-style:none}
.nav-links a{font-size:14px;font-weight:500;color:#9FB0C4;transition:.2s}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-cta{display:flex;align-items:center;gap:14px}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}
.nav-toggle span{width:24px;height:2px;background:#fff;display:block;transition:.3s}

/* FOOTER */
.footer{background:#0A1626;color:#fff;padding:72px 0 30px;border-top:3px solid #C8B89A}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:44px;
  padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.10)}
.footer-logo{height:34px;margin-bottom:20px}
.footer-about{color:#9FB0C4;font-size:14.5px;max-width:34ch}
.footer-col h4{font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:#9AA6B2;margin-bottom:18px;font-weight:600;font-family:'Inter',sans-serif}
.footer-col a:not(.btn),.footer-col p{display:block;color:#9FB0C4;font-size:14.5px;
  margin-bottom:11px;transition:.2s}
.footer-col a:not(.btn):hover{color:#00A8CE}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;
  padding-top:26px;flex-wrap:wrap;gap:12px}
.footer-bottom p{font-size:13px;color:#9AA6B2}

/* CLOSE BUTTON INSIDE PANEL */
.nav-close-item{display:none;list-style:none}
.nav-close{background:none;border:none;cursor:pointer;color:#fff;padding:8px;
  display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.nav-close svg{width:28px;height:28px}
@media(max-width:980px){.nav-close-item{display:block}}

/* NAV OVERLAY + HAMBURGER → X */
#navOverlay{display:none;position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.45)}
#navOverlay.open{display:block}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-toggle span{transition:transform .3s,opacity .3s}

/* NAV RESPONSIVE */
@media(max-width:980px){
  .nav-links{position:fixed;top:0;right:-100%;height:100vh;width:78%;max-width:340px;
    background:#0A1626;flex-direction:column;align-items:flex-start;gap:8px;
    padding:96px 34px;transition:.35s;border-left:1px solid rgba(255,255,255,.10);z-index:101}
  .nav-links.open{right:0}
  .nav-links a{font-size:17px;padding:10px 0;width:100%}
  .nav-toggle{display:flex}
  .nav-cta .btn{display:none}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
}
@media(max-width:600px){
  .nav-inner{padding:14px 18px}
  .footer{padding:52px 0 24px}
  .footer-grid{grid-template-columns:1fr;gap:24px;padding-bottom:28px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}
  .footer-bottom p:last-child{display:none}
}