/* WritingNepal 5.6 — header menu, design ग: same-size items, line icon above a short label.
   Signed-in: .header-actions > nav.wn-hnav (Search · Bookstore · WN Tools · Offers) + Publish + photo.
   Signed-out: .main-nav (Home · Catch · Bookstore · WN Tools). Phones keep their own header + bottom bar. */
.wn-hnav{ display:flex; align-items:center; gap:4px; }
.wn-hn,
.wn-hnav .wn-tools-btn,
.main-nav .wn-hn,
.main-nav .wn-tools-btn-nav{
  position:relative; width:84px; min-height:52px; padding:6px 2px !important;
  display:inline-flex !important; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  font-family:inherit; font-size:.76rem !important; font-weight:600; line-height:1.15;
  color:var(--ink,#120A08) !important; background:transparent !important; border:0 !important; border-radius:12px !important;
  text-decoration:none !important; white-space:nowrap; cursor:pointer; box-shadow:none !important;
  transition:background .15s ease, color .15s ease;
}
.wn-hn:hover,
.wn-hnav .wn-tools-btn:hover,
.main-nav .wn-tools-btn-nav:hover{ background:var(--paper-deep,#F4EEE0) !important; }
.wn-hn.is-on,
.wn-hnav .wn-tools-btn[aria-expanded="true"],
.main-nav .wn-tools-btn-nav[aria-expanded="true"]{ background:#eaf1ea !important; color:#1f3d29 !important; }
.wn-hn-ico,
.wn-hnav .wn-tools-btn svg,
.main-nav .wn-tools-btn-nav svg{ width:22px !important; height:22px !important; flex:none; }
.wn-hn span,
.wn-hnav .wn-tools-btn span:not(.wn-menu-dot),
.main-nav .wn-tools-btn-nav span:not(.wn-menu-dot){ display:block; max-width:80px; overflow:hidden; text-overflow:ellipsis; }
.wn-hnav .wn-tools-btn .wn-menu-dot,
.main-nav .wn-tools-btn-nav .wn-menu-dot{ position:absolute; top:7px; right:22px; margin:0; }
.wn-hn:focus-visible{ outline:3px solid var(--gold,#F7C600); outline-offset:2px; }
/* the plain "Akshar Offers" text style from before must not leak in */
.header-actions .wn-hn.wn-desktop-offers-link{ color:var(--ink,#120A08) !important; font-size:.76rem !important; }

/* Publish + photo, same height */
.header-actions .wn-desktop-write-btn{ min-height:44px; display:inline-flex !important; align-items:center; border-radius:999px !important; padding:0 20px !important; font-size:.9rem !important; }
.header-actions .profile-nav-item > a.wn-hn-av{
  display:inline-flex; align-items:center; gap:4px; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; min-height:44px;
}
.wn-hn-av img{ width:44px; height:44px; border-radius:50%; object-fit:cover; border:2px solid var(--ink,#120A08); display:block; }
.wn-hn-av .wn-hn-caret{ font-size:.7rem; color:var(--ink-soft,#6b5f57); }
.wn-hn-av:hover img{ border-color:var(--gold,#F7C600); }

.header-actions{ gap:10px; }
.main-nav{ gap:4px; }

/* narrow laptops: hide the labels' extra width a little */
@media (max-width:1180px){
  .wn-hn, .wn-hnav .wn-tools-btn, .main-nav .wn-hn, .main-nav .wn-tools-btn-nav{ width:72px; }
}
/* phones: the bottom bar + phone header take over */
@media (max-width:680px){
  .wn-hnav{ display:none !important; }
  .wn-hn-av .wn-hn-caret{ display:none; }
}