/* Custom styling for intro.js tours */

/* Fix skip button font size */
.introjs-skipbutton {
  font-size: 0.85rem !important;
  padding: 4px 10px !important;
  line-height: 1.2 !important;
}

/* Adjust tooltip positioning and spacing */
.introjs-tooltip {
  max-width: 400px !important;
}

.introjs-tooltiptext {
  padding: 15px !important;
  line-height: 1.6 !important;
}

/* Button styling */
.introjs-button {
  font-size: 0.9rem !important;
  padding: 6px 12px !important;
  margin: 0 4px !important;
}

/* Progress bar spacing */
.introjs-progress {
  margin-bottom: 10px !important;
}

/* Bullets spacing */
.introjs-bullets ul li {
  margin: 0 4px !important;
}

/* Ensure text is readable */
.introjs-tooltiptext {
  color: #333 !important;
  font-size: 1rem !important;
}

/* Header spacing */
.introjs-tooltip-header {
  padding: 10px 15px !important;
  min-height: auto !important;
}