/* MİNSKDAİRE theme overrides for Driver.js welcome tour */
.md-tour-popover.driver-popover {
  background: #fff;
  color: #141414;
  border: 1px solid rgba(16, 24, 32, 0.08);
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(10, 16, 28, 0.28);
  max-width: min(340px, calc(100vw - 2rem));
  padding: 1.05rem 1.1rem 0.95rem;
  font-family: "Manrope", system-ui, sans-serif;
}

.md-tour-popover .driver-popover-title {
  font-family: "Outfit", system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin: 0 0 0.4rem;
  color: #111;
}

.md-tour-popover .driver-popover-description {
  font-size: 0.92rem;
  line-height: 1.55;
  color: #44505c;
  margin: 0;
}

.md-tour-popover .driver-popover-progress-text {
  font-size: 0.75rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  color: #8a8a8a;
}

.md-tour-popover .driver-popover-navigation-btns {
  display: flex;
  gap: 0.45rem;
  justify-content: flex-end;
  margin-top: 0.85rem;
}

.md-tour-popover .driver-popover-prev-btn,
.md-tour-popover .driver-popover-next-btn {
  border-radius: 999px !important;
  border: 1px solid rgba(16, 24, 32, 0.12) !important;
  text-shadow: none !important;
  font-family: "Outfit", system-ui, sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.03em;
  padding: 0.5rem 0.95rem !important;
  background: #f4f4f4 !important;
  color: #111 !important;
  box-shadow: none !important;
}

.md-tour-popover .driver-popover-next-btn {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}

.md-tour-popover .driver-popover-close-btn {
  color: #8a8a8a;
  width: 1.6rem;
  height: 1.6rem;
}

.md-tour-popover .driver-popover-arrow-side-left.driver-popover-arrow,
.md-tour-popover .driver-popover-arrow-side-right.driver-popover-arrow,
.md-tour-popover .driver-popover-arrow-side-top.driver-popover-arrow,
.md-tour-popover .driver-popover-arrow-side-bottom.driver-popover-arrow {
  border-color: transparent;
}

.md-tour-popover .driver-popover-arrow-side-left {
  border-left-color: #fff !important;
}
.md-tour-popover .driver-popover-arrow-side-right {
  border-right-color: #fff !important;
}
.md-tour-popover .driver-popover-arrow-side-top {
  border-top-color: #fff !important;
}
.md-tour-popover .driver-popover-arrow-side-bottom {
  border-bottom-color: #fff !important;
}

.driver-active .driver-active-element,
.driver-active [data-tour] {
  border-radius: 14px;
}