/* Tour mobile proper positioning - tooltip as bottom sheet on mobile */
@media (max-width: 768px) {
  .tour-spotlight {
    border-width: 2px !important;
  }
  .tour-tooltip {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 16px !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    max-height: 60vh !important;
    overflow-y: auto !important;
    border-radius: 14px !important;
    padding: 1.1rem 1.2rem 1rem !important;
    box-shadow: 0 -8px 30px rgba(0,0,0,.5) !important;
    z-index: 99999 !important;
    transform: none !important;
  }
  .tour-tooltip::before {
    display: none !important;
  }
  .tour-btns {
    gap: .6rem !important;
    margin-top: .2rem !important;
  }
  .tour-btns .btn {
    min-height: 40px !important;
    padding: .55rem 1rem !important;
  }
  .tour-title {
    font-size: 1rem !important;
    line-height: 1.3 !important;
  }
  .tour-desc {
    font-size: .85rem !important;
    line-height: 1.55 !important;
  }
  #tourOverlay:not(.hidden) {
    background: rgba(0, 0, 0, 0.78) !important;
  }
}