/* ============================================
   WritingNepal — Quick Tour overlay styles
   ============================================ */

.wn-tour-overlay{
  position:fixed; inset:0; background:rgba(18,10,8,0.55); z-index:9998;
}
.wn-tour-spotlight{
  position:absolute; z-index:9999; border-radius:14px;
  box-shadow:0 0 0 9999px rgba(18,10,8,0.55);
  border:2px solid var(--gold);
  pointer-events:none;
  transition:top .3s ease, left .3s ease, width .3s ease, height .3s ease;
}
.wn-tour-tooltip{
  position:absolute; z-index:10000; max-width:300px;
  background:var(--white); border:2px solid var(--ink); border-radius:var(--radius-lg);
  box-shadow:5px 5px 0 var(--gold); padding:18px 20px;
}
.wn-tour-step-count{
  font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em;
  color:var(--gold-deep); margin-bottom:6px;
}
.wn-tour-tooltip h4{ font-size:1rem; margin:0 0 6px; }
.wn-tour-tooltip p{ font-size:.86rem; color:var(--ink-soft); margin:0 0 16px; line-height:1.5; }
.wn-tour-actions{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.wn-tour-skip{ font-size:.8rem; color:var(--ink-soft); font-weight:600; }
.wn-tour-skip:hover{ color:var(--ink); }
.wn-tour-next{
  background:var(--ink); color:var(--gold); font-size:.82rem; font-weight:700;
  padding:8px 18px; border-radius:999px;
}
.wn-tour-next:hover{ background:#2A1B12; }

@media (max-width:640px){
  .wn-tour-tooltip{ max-width:260px; }
}

/* Forces the profile dropdown open during relevant tour steps, since it's
   normally only visible on :hover/:focus-within */
.profile-nav-item.wn-tour-force-open .profile-dropdown{ display:block !important; }