/* ================================================
   SHARED CSS — loaded on every page
   Nav, mega-dropdowns, footer, chips, utilities
   ================================================ */

* { font-family: 'Inter', sans-serif; }

/* Nav underline animation */
.nav-link { position:relative; padding-bottom:2px; }
.nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#FFD600; transition:width .2s ease; }
.nav-link:hover::after { width:100%; }

/* Simple dropdown */
.dropdown { display:none; }
.dropdown-trigger:hover > .dropdown { display:block; }
.dropdown::before { content:''; position:absolute; top:-12px; left:0; right:0; height:12px; }
.dropdown.active { display:block; }

/* Mega-dropdown */
.mega-dropdown { display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); margin-top:12px; }
.mega-trigger:hover > .mega-dropdown { display:block; }
.mega-dropdown::before { content:''; position:absolute; top:-12px; left:0; right:0; height:12px; }
.mega-col-heading { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:#94a3b8; padding:10px 20px 8px; }
.mega-link { display:block; padding:8px 20px; font-size:13.5px; color:#475569; border-radius:8px; margin:0 6px; white-space:nowrap; transition:all .15s; }
.mega-link:hover { background:rgba(0,53,102,.04); color:#003566; }
.mega-link.featured { font-weight:600; color:#003566; }
.mega-divider { width:1px; background:#e2e8f0; margin:0; flex-shrink:0; }
.mega-col-tinted { background:#f8fafc; border-radius:16px 0 0 16px; }
.mega-col-tinted .mega-link:hover { background:rgba(0,53,102,.06); }

/* Chip badges */
.chip { background:rgba(0,53,102,.07); color:#003566; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:5px 12px; border-radius:999px; display:inline-block; }
.chip-dark { background:rgba(255,255,255,.08); color:#94a3b8; }

/* Mobile footer fix */
@media(max-width:1023px){
  footer .flex-1.grid { grid-template-columns: repeat(2, 1fr) !important; }
  footer .flex.flex-col.lg\:flex-row { flex-direction: column; }
}
@media(max-width:639px){
  footer .flex-1.grid { grid-template-columns: 1fr !important; }
}