/* =========================================================
   Gulf Analytica — NAV (css/new-nav.css)
   Requires: css/new-theme.css (tokens & base under .ga-body)
   Everything is scoped to .ga-body to avoid collisions
   ========================================================= */

   .ga-body .ga-header{
    position: sticky;
    top: 0;
    z-index: 1000;
    background: var(--ga-brand-blue);
    color: var(--ga-on-blue);
    border-bottom: 1px solid rgba(255,255,255,.15);
  }
  
  .ga-body .ga-header__inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 68px;
  }
  
  /* Brand */
  .ga-body .ga-nav__brand{
    display:flex; align-items:center; gap:10px;
    font-weight:800; letter-spacing:.2px; color:var(--ga-on-blue);
  }
  .ga-body .ga-nav__logo{ width:32px; height:32px; object-fit:contain; }
  .ga-body .ga-nav__name{ font-size:1.05rem; }
  
  /* Toggle (CSS-only hamburger) */
  .ga-body .ga-nav__checkbox{ position:absolute; left:-9999px; }
  .ga-body .ga-nav__toggle{
    display:none; cursor:pointer; padding:6px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(255,255,255,.12);
  }
  .ga-body .ga-nav__toggle:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
  .ga-body .ga-nav__bar{ display:block; width:22px; height:2px; background:#fff; margin:5px 0; }
  
  /* Menu */
  .ga-body .ga-nav__menu{
    display:flex; align-items:center; gap:22px;
  }
  .ga-body .ga-nav__link{
    color:var(--ga-on-blue);
    opacity:.95;
    padding:8px 2px;
    border-bottom:2px solid transparent;
    font-size:.98rem;
    transition: border-color .15s ease, opacity .15s ease;
  }
  .ga-body .ga-nav__link:hover{ opacity:1; border-bottom-color:rgba(255,255,255,.5); }
  .ga-body .ga-nav__link.is-active{ border-bottom-color:#fff; }
  
  /* Responsive */
  @media (max-width: 720px){
    .ga-body .ga-nav__toggle{ display:block; }
    .ga-body .ga-nav__menu{
      position:absolute; top:68px; right:0; left:0;
      display:none; flex-direction:column; gap:12px;
      background:var(--ga-brand-blue);
      border-bottom:1px solid rgba(255,255,255,.2);
      padding:12px var(--ga-container-pad);
    }
    /* Checkbox hack: open menu */
    .ga-body .ga-nav__checkbox:checked ~ .ga-nav__menu{ display:flex; }
  }