/* Overrides do driver.js para alinhar com a paleta Mainô (#033860) */
.driver-popover {
  border-radius: 10px;
  box-shadow: 0 10px 30px var(--sombra-cor-forte);
  background-color: var(--sup-elevada);
  color: var(--txt-1);
  font-family: inherit;
  max-width: 360px;
}

.driver-popover-title {
  color: var(--marca-texto);
  font-weight: 700;
  font-size: 1.05rem;
}

.driver-popover-description {
  color: var(--txt-2);
  line-height: 1.5;
  font-size: 0.95rem;
}

.driver-popover-footer button {
  background-color: var(--marca);
  color: var(--sobre-cor);
  border: none;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 0.9rem;
  text-shadow: none;
  box-shadow: none;
}

/* Primário (Próximo): hover troca pra azul mais claro, sem sombra (DS).
   driver.css padrão força #f7f7f7, por isso o override explícito. */
.driver-popover-next-btn:hover,
.driver-popover-next-btn:focus,
.driver-popover-next-btn:focus-visible {
  background-color: var(--marca-hover) !important;
  color: var(--sobre-cor) !important;
  outline: none;
}

/* Secundário (Voltar): outline navy do DS (borda + texto #033860). */
.driver-popover-prev-btn,
.driver-popover-prev-btn:focus,
.driver-popover-prev-btn:focus-visible {
  background-color: var(--sup) !important;
  color: var(--marca-texto) !important;
  border: 1px solid var(--marca) !important;
}

.driver-popover-prev-btn:hover {
  background-color: var(--marca-suave-2) !important;
  color: var(--marca-texto) !important;
  border-color: var(--marca) !important;
}

.driver-popover-close-btn {
  color: var(--txt-3) !important;
  /* X padronizado em 20px (mesmo tamanho do modal), peso normal. */
  font-size: 20px !important;
  font-weight: 400 !important;
  width: 28px !important;
  height: 28px !important;
  top: 8px !important;
  right: 8px !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.driver-popover-close-btn:hover,
.driver-popover-close-btn:focus,
.driver-popover-close-btn:focus-visible {
  color: var(--txt-1) !important;
  background-color: var(--sup-sutil) !important;
  outline: none !important;
}

.driver-popover-progress-text {
  color: var(--txt-4);
  font-size: 0.8rem;
}

/* Seta e fechar com as cores do tema (o driver.css fixa branco/cinza). */
.driver-popover-arrow-side-left { border-left-color: var(--sup-elevada); }
.driver-popover-arrow-side-right { border-right-color: var(--sup-elevada); }
.driver-popover-arrow-side-top { border-top-color: var(--sup-elevada); }
.driver-popover-arrow-side-bottom { border-bottom-color: var(--sup-elevada); }
.driver-popover-close-btn { color: var(--txt-4); }
.driver-popover-close-btn:hover, .driver-popover-close-btn:focus { color: var(--txt-1); }