/* GastroJobs navigation: one clear desktop row and a deliberate mobile menu. */
.nav-toggle{display:none}
.navrow{gap:14px}
.navlinks{align-items:center;gap:4px}
.navlinks .navlink{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border-radius:10px;color:#4d566a;font-weight:650;line-height:1.25;white-space:nowrap;flex-shrink:0;text-decoration:none;transition:background-color .16s ease,color .16s ease,transform .16s ease}
.navend .btn{font-size:.82rem;min-height:44px;padding:10px 12px;white-space:nowrap;flex-shrink:0}
.navlinks .navlink.active,.navlinks .navlink[aria-current="page"]{background:var(--soft);color:#3835bb;font-weight:800}
.navlinks .navlink:active,.nav-toggle:active,.navend .btn:active{transform:scale(.98)}
.navlinks .navlink:focus-visible,.nav-toggle:focus-visible,.navend .btn:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}
@media(hover:hover){.navlinks .navlink:not([aria-current="page"]):hover{background:#f3f4fa;color:var(--ink)}.nav-toggle:hover{background:#f3f4fa;border-color:#b9becc}}
@media(max-width:1180px){
  .topbar{height:auto;max-height:100dvh;overflow-y:auto;align-items:stretch}
  .navrow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;padding-top:8px;padding-bottom:8px}
  .navrow .brand{grid-column:1;grid-row:1;min-width:0}
  .navrow .brand img{width:min(48vw,185px);height:44px}
  .nav-toggle{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:.85rem;font-weight:800;cursor:pointer;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
  .nav-toggle[aria-expanded="true"]{background:var(--soft);border-color:#c8c7ff;color:#3835bb}
  .nav-toggle-icon{position:relative;display:block;width:18px;height:14px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;transition:border-color .16s ease}
  .nav-toggle-icon::before{content:"";position:absolute;top:5px;left:0;width:18px;border-top:2px solid currentColor}
  .navrow .navlinks,.navrow .navend{display:none;grid-column:1/-1;width:100%;min-width:0;order:initial;overflow:visible}
  .topbar.menu-open .navlinks{grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);gap:3px;margin-top:10px;padding:12px 0 8px;border-top:1px solid var(--line)}
  .navlinks .navlink{justify-content:flex-start;width:100%;min-height:48px;padding:12px 14px;font-size:.94rem;white-space:normal}
  .navlinks .navlink.active,.navlinks .navlink[aria-current="page"]{box-shadow:inset 3px 0 0 var(--indigo)}
  .topbar.menu-open .navend{grid-row:3;display:grid;grid-template-columns:minmax(0,1fr);gap:5px;max-width:none;margin:4px 0 0;padding:12px 0 4px;border-top:1px solid var(--line)}
  .navend .btn,.navend .btn.ghost{display:flex;justify-content:flex-start;width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:.88rem;font-weight:700;line-height:1.3;text-align:left;white-space:normal}
  .navend .btn.primary{background:var(--indigo);border-color:var(--indigo);color:#fff}
}
@media(max-width:520px){
  .navrow{grid-template-columns:minmax(0,1fr) auto;gap:0 8px}
  .navrow .brand img{width:min(45vw,165px);height:40px}
  .brand-beta{flex:none}
  .nav-toggle{min-width:78px;padding:9px 10px}
}
@media(max-width:360px){.navrow .brand img{width:140px}.nav-toggle{min-width:76px;padding:9px 8px;gap:7px}}
@media(prefers-reduced-motion:reduce){.navlinks .navlink,.nav-toggle{transition:none}}
