/* Owner tutorial spotlight — above notice modal (z-index 1100).
   driver.js appends the overlay after the popover, so an equal
   z-index paints the overlay on top and dims the popover text. */
.driver-overlay {
  z-index: 1200 !important;
}

.driver-popover {
  z-index: 1201 !important;
}

.gallery-tutorial-popover .driver-popover-title {
  font-weight: 600;
}

.gallery-tutorial-popover .driver-popover-description {
  line-height: 1.5;
}

/* Placeholder nav entries shown only while the tour runs on an empty gallery.
   They must never accept a click — driver re-enables pointer events on the
   highlighted element, so this has to win with !important. */
.tutorial-mock,
.tutorial-mock * {
  pointer-events: none !important;
  cursor: default !important;
}

.tutorial-mock {
  opacity: 0.62;
}

.nav-section.tutorial-mock,
.nav-section__item.tutorial-mock {
  outline: 1px dashed currentColor;
  outline-offset: 2px;
}

.tutorial-mock__badge {
  margin-left: 0.4em;
  padding: 0.05em 0.4em;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 0.7em;
  font-weight: 500;
  line-height: 1.6;
  vertical-align: middle;
  white-space: nowrap;
}