/* ===================================================================
   znav.css — the exchange's one navigation bar.
   Pair with includePDO/znav.php (or copy the markup on static pages).
   =================================================================== */
@import url(https://fonts.googleapis.com/css?family=VT323);

.ztop {
  padding: 12px 3%;
  border-bottom: 1px solid #021e78;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background: #000;
}
.zbrand img { height: 34px; display: block; }

.zbtns { display: flex; gap: 8px; flex-wrap: wrap; }
.zbtns a {
  font-family: 'VT323', monospace;
  font-size: 17px;
  letter-spacing: 2px;
  padding: 3px 12px;
  border: 1px solid #021e78;
  border-radius: 4px;
  color: #cdd8f0;
  background: #04040e;
  text-decoration: none;
  white-space: nowrap;
}
.zbtns a:hover, .zbtns a.here {
  border-color: #01DF01;
  color: #01DF01;
  box-shadow: 0 0 10px rgba(1, 223, 1, 0.25);
}
.zbtns a.app { border-color: #8a6d00; color: #f1c40f; }
.zbtns a.app:hover, .zbtns a.app.here {
  border-color: #f1c40f;
  color: #f1c40f;
  box-shadow: 0 0 10px rgba(241, 196, 15, 0.35);
}

.zlang { font-size: 14px; color: #667cc1; font-family: Telex, Arial, sans-serif; }
.zlang a { color: #667cc1; text-decoration: none; }
.zlang a:hover { color: #01DF01; }
.zlang a.on { color: #01DF01; }

@media (max-width: 560px) {
  .ztop { gap: 8px; }
  .zbtns a { font-size: 15px; padding: 3px 9px; letter-spacing: 1px; }
}