/* Estilos para a Notificação Toast */
.offer-toast {
  position: fixed;
  bottom: 20px;
  right: -400px; /* Começa fora da tela */
  width: auto;
  max-width: 380px;
  background-color: var(--dark-card); /* Cor de fundo para tema escuro */
  color: var(--light);
  border-radius: 10px;
  padding: 15px 20px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
  z-index: 1005; /* Acima de outros elementos */
  transition: right 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.5s ease; /* Animação de entrada/saída */
  opacity: 0;
  display: flex;
  align-items: flex-start;
  border: 1px solid var(--card-border-color);
}

.offer-toast.show {
  right: 20px; /* Posição final na tela */
  opacity: 1;
}

.offer-toast.hide {
  right: -400px; /* Desliza para fora da tela */
  opacity: 0;
}

.toast-content {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-grow: 1;
}

.toast-icon {
  font-size: 1.8rem;
  color: var(--accent);
}

.toast-message {
  font-size: 0.9rem;
  line-height: 1.5;
}

.toast-message strong {
  font-weight: 600;
  color: var(--accent);
  display: block;
  margin-bottom: 3px;
}

.toast-link {
  color: var(--primary);
  font-weight: 600;
  text-decoration: none;
  display: inline-block; /* Para o ícone ficar na mesma linha */
  margin-top: 5px;
}

.toast-link i {
  vertical-align: middle;
  font-size: 1em;
}

.toast-link:hover {
  text-decoration: underline;
  color: var(--primary-dark);
}

.close-toast-btn {
  background: transparent;
  border: none;
  color: var(--light-secondary);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  padding: 0 0 0 10px; /* Padding à esquerda para separar do conteúdo */
  opacity: 0.7;
}

.close-toast-btn:hover {
  opacity: 1;
  color: var(--light);
}

/* Ajustes para o Tema Claro */
[data-theme="light"] .offer-toast {
  background-color: var(--bg-secondary); /* Fundo branco no tema claro */
  color: var(--text-primary);
  border: 1px solid var(--card-border);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

[data-theme="light"] .toast-icon {
  color: var(--primary); /* Ícone roxo no tema claro */
}

[data-theme="light"] .toast-message strong {
  color: var(--primary);
}

[data-theme="light"] .toast-link {
  color: var(--link-color-light); /* Link roxo escuro no tema claro */
}
[data-theme="light"] .toast-link:hover {
  color: var(--primary-dark);
}

[data-theme="light"] .close-toast-btn {
  color: var(--text-secondary);
}
[data-theme="light"] .close-toast-btn:hover {
  color: var(--text-primary);
}

/* Responsividade para o Toast */
@media (max-width: 480px) {
  .offer-toast {
    left: 10px;
    right: 10px;
    bottom: 10px;
    max-width: none; /* Ocupa a largura disponível menos os paddings */
    /* Para animação em telas pequenas, pode ser melhor slide-up */
    transform: translateY(150%);
    opacity: 0;
  }
  .offer-toast.show {
    transform: translateY(0);
    right: 10px; /* Mantém o alinhamento original se não usar transform */
    opacity: 1;
  }
   .offer-toast.hide {
    transform: translateY(150%);
    opacity: 0;
  }
}