/* ==========================================================================
   layout.css - global header (navigation) and footer
   ========================================================================== */

/* Navigation */
nav.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo img{height:34px;display:block}
.links{display:flex;gap:24px;align-items:center;font-size:.9rem;font-weight:500;color:#475467}
.links a:hover{color:var(--green-dark)}
.nav-r{display:flex;gap:14px;align-items:center;font-size:.9rem;font-weight:500}
.menu-b{display:none;background:none;border:0;font-size:1.4rem;cursor:pointer;color:var(--text)}

/* Developers dropdown */
.dd{position:relative}
.dd-m{position:absolute;top:100%;left:-12px;min-width:230px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 20px 40px rgba(16,24,40,.12);display:none}
.dd:hover .dd-m,.dd:focus-within .dd-m{display:block}
.dd-m a{display:block;padding:9px 12px;border-radius:8px}
.dd-m a:hover{background:var(--soft)}

/* Footer */
footer{background:var(--ink);color:#9fb8b2;padding:40px 0}
footer .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
footer img{height:32px;filter:brightness(0) invert(1);margin-bottom:6px}
footer nav{display:flex;gap:18px;flex-wrap:wrap}
footer a:hover{color:var(--lime)}