/* ═══════════════════════════════════════════════════════
   Driver.js tour — Eesti Sõnad UI
   ═══════════════════════════════════════════════════════ */


.driver-popover {
  width: min(440px, calc(100vw - 32px)) !important;
  max-width: min(440px, calc(100vw - 32px)) !important;
  min-width: 420px !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at top right, rgba(24,95,165,.10), transparent 34%),
    var(--bg2) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 28px 80px rgba(15, 23, 42, .22) !important;
  color: var(--text) !important;
  font-family: var(--sans) !important;
}

[data-theme="dark"] .driver-popover {
  box-shadow: 0 28px 80px rgba(0,0,0,.55) !important;
}

.driver-popover-title {
  margin: 0 28px 10px 0 !important;
  font-size: 1.08rem !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: -.03em !important;
  color: var(--text) !important;
  opacity: 0.8 !important;
}

.driver-popover-description {
  margin: 0 !important;
  font-size: .88rem !important;
  line-height: 1.65 !important;
  color: var(--text2) !important;
}

.driver-popover-close-btn {
  top: 5px !important;
  right: 5px !important;
  width: 28px !important;
  height: 28px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--text3) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  opacity: .4 !important;
}

.driver-popover-close-btn:hover {
  background: transparent !important;
  color: var(--text2) !important;
  opacity: 1 !important;
}

.driver-popover-footer {
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--border) !important;
}

.driver-popover-progress-text {
  color: var(--text3) !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  font-family: var(--mono) !important;
  white-space: nowrap !important;
}

.driver-popover-navigation-btns {
  display: flex !important;
  gap: 8px !important;
  margin-left: auto !important;
}

.driver-popover-prev-btn,
.driver-popover-next-btn {
  min-height: 34px !important;
  padding: 0 8px !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: color .15s ease, opacity .15s ease !important;
  text-shadow: none !important;
}

.driver-popover-prev-btn {
  color: var(--text3) !important;
}

.driver-popover-next-btn {
  color: var(--blue) !important;
}

[data-theme="dark"] .driver-popover-next-btn {
  color: var(--blue-xl) !important;
}

.driver-popover-prev-btn:hover:not(.driver-popover-btn-disabled),
.driver-popover-next-btn:hover {
  opacity: .75 !important;
  transform: none !important;
  box-shadow: none !important;
}

.driver-popover-btn-disabled {
  opacity: .35 !important;
  cursor: not-allowed !important;
}

.driver-popover-arrow {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  border: 7px solid transparent !important;
}

/* Popover below target */
.driver-popover-arrow-side-bottom {
  bottom: 100% !important;
  border-bottom-color: var(--bg2) !important;
}

/* Popover above target */
.driver-popover-arrow-side-top {
  top: 100% !important;
  border-top-color: var(--bg2) !important;
}

/* Popover right of target: arrow on left side */
.driver-popover-arrow-side-left {
  left: 100% !important;
  right: auto !important;
  border-left-color: var(--bg2) !important;
}

.driver-popover-arrow-side-right {
  right: 100% !important;
  left: auto !important;
  border-right-color: var(--bg2) !important;
}

/* Top/bottom alignment */
.driver-popover-arrow-side-top.driver-popover-arrow-align-start,
.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start {
  left: 22px !important;
  right: auto !important;
}

.driver-popover-arrow-side-top.driver-popover-arrow-align-center,
.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

.driver-popover-arrow-side-top.driver-popover-arrow-align-end,
.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end {
  right: 22px !important;
  left: auto !important;
}

/* Left/right alignment */
.driver-popover-arrow-side-left.driver-popover-arrow-align-center,
.driver-popover-arrow-side-right.driver-popover-arrow-align-center {
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
}

.driver-popover-arrow-side-left.driver-popover-arrow-align-start,
.driver-popover-arrow-side-right.driver-popover-arrow-align-start {
  top: 22px !important;
  bottom: auto !important;
  transform: none !important;
}

.driver-popover-arrow-side-left.driver-popover-arrow-align-end,
.driver-popover-arrow-side-right.driver-popover-arrow-align-end {
  bottom: 22px !important;
  top: auto !important;
  transform: none !important;
}

.driver-overlay {
  background: rgba(15, 23, 42, .54) !important;
}

.driver-active-element {
  box-shadow: none !important;
  outline: none !important;
}

@media (max-width: 560px) {
  .driver-popover {
    padding: 18px !important;
    border-radius: 20px !important;
  }

  .driver-popover-footer {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .driver-popover-navigation-btns {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .driver-popover-prev-btn,
  .driver-popover-next-btn {
    flex: 1 !important;
  }
}