/* ── eHisab Public Navigation — single source of truth ──
   Include this on every public page (home, login, terms, privacy).
   All rules are scoped to nav.pub-nav so they never bleed into
   the page's other CSS, and they beat page-level nav{} rules
   via higher specificity.
   ─────────────────────────────────────────────────── */

nav.pub-nav{
  position:sticky;top:0;z-index:300;flex-shrink:0;
  display:flex;align-items:center;justify-content:space-between;
  background:#0b1f3a;
  border-bottom:3px solid #00b4d8;
  box-shadow:0 4px 24px rgba(0,0,0,0.3);
  padding:0;height:62px;
}
nav.pub-nav .nav-left{
  display:flex;align-items:center;height:100%;
  background:#142d50;
  padding:0 3.5rem 0 2rem;
  clip-path:polygon(0 0,100% 0,88% 100%,0 100%);
  cursor:pointer;min-width:fit-content;
  text-decoration:none;flex-shrink:0;
}
nav.pub-nav .nav-brand{display:flex;flex-direction:column;justify-content:center}
nav.pub-nav .logo{
  font-family:'Poppins',sans-serif;font-size:1.65rem;font-weight:600;
  letter-spacing:-1px;line-height:1;user-select:none;white-space:nowrap;
}
nav.pub-nav .logo .e{color:#fff}
nav.pub-nav .logo .h{color:#fc8303}
nav.pub-nav .logo-sub{
  font-size:.46rem;font-weight:600;letter-spacing:1.8px;
  text-transform:uppercase;color:rgba(255,255,255,0.45);
  display:block;margin-top:2px;line-height:1;
  font-family:'Inter',sans-serif;white-space:nowrap;
}
nav.pub-nav .nav-right{
  display:flex;align-items:center;gap:.75rem;
  padding:0 1.5rem;flex-shrink:0;
}
nav.pub-nav .nbtn-ghost{
  color:rgba(255,255,255,0.85);border:1.5px solid rgba(255,255,255,0.22);
  padding:.42rem 1.1rem;border-radius:6px;font-size:.82rem;font-weight:600;
  cursor:pointer;transition:all .18s;letter-spacing:.2px;background:transparent;
  white-space:nowrap;text-decoration:none;
}
nav.pub-nav .nbtn-ghost:hover{
  border-color:#00b4d8;color:#00b4d8;background:rgba(0,180,216,0.08);
}
nav.pub-nav .nbtn-cta{
  background:#f77f00;color:#fff;
  padding:.48rem 1.2rem;border-radius:6px;font-size:.82rem;font-weight:700;
  cursor:pointer;transition:all .18s;letter-spacing:.2px;border:none;
  display:inline-flex;align-items:center;gap:.35rem;
  white-space:nowrap;text-decoration:none;
}
nav.pub-nav .nbtn-cta:hover{background:#ff9a2e;transform:translateY(-1px)}

/* ── mobile tweaks ── */
@media(max-width:640px){
  nav.pub-nav .nav-left{padding:0 2.2rem 0 1.2rem}
  nav.pub-nav .nav-right{padding:0 .6rem;gap:.4rem}
  nav.pub-nav .nbtn-ghost{padding:.32rem .65rem;font-size:.72rem}
  nav.pub-nav .nbtn-cta{padding:.32rem .7rem;font-size:.72rem}
}