/*
 * SMTour — motyw popovera tutoriali (nakładka na style Driver.js).
 * Ładowany PO plugins/driverjs/driver.css, więc nadpisuje wygląd.
 * Klasa popovera: .sm-tour-popover (ustawiana w assets/js/tour/tour.js).
 * PWA: wymiary w rem/em, bez sztywnych px tam, gdzie to ma sens dla skalowania.
 */

.driver-popover.sm-tour-popover {
  border-radius: 0.75rem;
  padding: 1.25rem 1.35rem;
  max-width: 27rem;
  min-width: 19rem;
  box-shadow: 0 0.5rem 2rem rgba(11, 26, 43, 0.35);
  font-family: inherit;
}

.driver-popover.sm-tour-popover .driver-popover-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #1f2d3d;
  line-height: 1.4;
}

.driver-popover.sm-tour-popover .driver-popover-description {
  font-size: 1.05rem;
  color: #4b5563;
  line-height: 1.6;
  margin-top: 0.5rem;
}

.driver-popover.sm-tour-popover .driver-popover-progress-text {
  font-size: 0.92rem;
  color: #7b8794;
  font-weight: 600;
}

/* Przyciski — spójne z akcentem aplikacji (primary). */
.driver-popover.sm-tour-popover .driver-popover-footer-btn {
  border-radius: 0.4rem;
  padding: 0.5rem 1rem;
  font-size: 0.98rem;
  font-weight: 600;
  border: 1px solid #d0d7de;
  background: #fff;
  color: #1f2d3d;
  text-shadow: none;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.driver-popover.sm-tour-popover .driver-popover-footer-btn:hover {
  background: #f2f6fb;
}

/* "Dalej"/"Zakończ" jako akcent. */
.driver-popover.sm-tour-popover .driver-popover-next-btn {
  background: #007bff;
  border-color: #007bff;
  color: #fff;
}

.driver-popover.sm-tour-popover .driver-popover-next-btn:hover {
  background: #0069d9;
  border-color: #0062cc;
}

.driver-popover.sm-tour-popover .driver-popover-close-btn {
  font-size: 1.5rem;
  width: 2.25rem;
  height: 2rem;
}

/* Podświetlenie aktywnego elementu — delikatny akcent. */
.driver-active-element {
  border-radius: 0.4rem;
}

/* Efekt „mrugania” elementu podświetlanego przez tutorial (np. pozycja sidebara).
   Tutorial dodaje/zdejmuje klasę .sm-tour-blink. */
@keyframes sm-tour-blink-kf {
  0%, 100% { background-color: transparent; }
  50%      { background-color: rgba(0, 123, 255, 0.55); box-shadow: 0 0 0.75rem rgba(0, 123, 255, 0.6); }
}
.sm-tour-blink {
  animation: sm-tour-blink-kf 0.7s ease-in-out 4;
  border-radius: 0.4rem;
}