/* No Empty Chair — shared guided-tour module (drop-in for every demo).
   Opt in with window.NEC_TOUR = [{sel,t,d}, ...] and optional
   window.NEC_TOUR_ACCENT. Box-shadow "spotlight" so it never fights the
   demo's z-index. Card can be dragged, minimized to a bubble (pause), and
   both the card and the bubble link back to the No Empty Chair homepage. */
:root { --nt-accent: #e0a93a; --nt-home: https://noemptychair.co; }

#necTourBtn {
  position: fixed; right: 18px; bottom: 18px; z-index: 90;
  background: var(--nt-accent); color: #fff; border: none; cursor: pointer;
  font: 600 14px/1 system-ui, sans-serif; letter-spacing: .3px;
  padding: 13px 20px; border-radius: 999px; box-shadow: 0 10px 30px rgba(0,0,0,.28);
}
#necTourBtn:hover { filter: brightness(1.06); }

.nt-hl {
  position: relative; z-index: 998;
  box-shadow: 0 0 0 4px var(--nt-accent), 0 0 0 9999px rgba(18,14,18,.66);
  border-radius: 10px; transition: box-shadow .2s;
}

#necTourCard {
  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%);
  z-index: 1000; width: min(430px, 92vw);
  background: #fffdfb; color: #1c1620; border-radius: 18px;
  padding: 14px 22px 16px; box-shadow: 0 22px 60px rgba(0,0,0,.45);
  display: none; font-family: system-ui, -apple-system, sans-serif;
}
#necTourCard.show { display: block; }
#necTourCard .nt-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: grab; margin: -6px -8px 12px; padding: 8px 8px; border-bottom: 1px solid #efe9e2; touch-action: none; }
#necTourCard.dragging .nt-top { cursor: grabbing; }
#necTourCard .nt-move { display: inline-flex; align-items: center; gap: 6px; font: 600 11.5px/1 system-ui, sans-serif; letter-spacing: .03em; color: #9a8f9c; user-select: none; }
#necTourCard .nt-min { background: #f0ebe4; border: 0; color: #4a424e; font: 700 12px/1 system-ui, sans-serif; cursor: pointer; padding: 8px 12px; border-radius: 999px; }
#necTourCard .nt-min:hover { background: var(--nt-accent); color: #fff; }
#necTourCard .nt-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; }
#necTourCard .nt-home { display: inline-flex; align-items: center; gap: 5px; font: 600 11px/1 system-ui, sans-serif; letter-spacing: .03em; color: var(--nt-accent); text-decoration: none; }
#necTourCard .nt-home:hover { text-decoration: underline; }
#necTourCard .nt-step { font: 700 11.5px/1 system-ui, sans-serif; letter-spacing: 1.4px; text-transform: uppercase; color: var(--nt-accent); }
#necTourCard .nt-title { font-size: 20px; font-weight: 800; margin: 6px 0 6px; line-height: 1.15; color: #1c1620; }
#necTourCard .nt-desc { font-size: 14px; line-height: 1.5; color: #4a424e; margin: 0; }
#necTourCard .nt-nav { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 16px; }
#necTourCard .nt-nav button { font: 700 13.5px/1 system-ui, sans-serif; border: 0; border-radius: 999px; padding: 10px 16px; cursor: pointer; }
#necTourCard .nt-back { background: #f0ebe4; color: #6a6270; }
#necTourCard .nt-next { background: var(--nt-accent); color: #fff; }
#necTourCard .nt-dots { display: flex; gap: 6px; }
#necTourCard .nt-dots i { width: 7px; height: 7px; border-radius: 50%; background: #e0d8cf; display: block; }
#necTourCard .nt-dots i.on { background: var(--nt-accent); }
#necTourCard .nt-skip { margin: 0; background: none; border: none; color: #9a8f9c; font-size: 12px; text-decoration: underline; cursor: pointer; }

/* minimized bubble (also the "pause" state) */
#necTourBubble {
  position: fixed; right: 18px; bottom: 18px; z-index: 1000; display: none;
  align-items: center; background: #fffdfb; border-radius: 999px;
  box-shadow: 0 12px 34px rgba(0,0,0,.34); overflow: hidden;
  font-family: system-ui, -apple-system, sans-serif;
}
#necTourBubble.show { display: inline-flex; }
#necTourBubble .nt-resume { display: inline-flex; align-items: center; gap: 8px; border: 0; background: none; cursor: pointer; padding: 12px 15px; font: 600 13px/1 system-ui, sans-serif; color: #1c1620; }
#necTourBubble .nt-resume b { color: var(--nt-accent); font-weight: 700; }
#necTourBubble .nt-bhome { border: 0; border-left: 1px solid #eee7de; background: none; cursor: pointer; padding: 12px 14px; color: #9a8f9c; font-size: 16px; text-decoration: none; line-height: 1; }
#necTourBubble .nt-bhome:hover { color: var(--nt-accent); }

@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }