/* contact.modal.css — estilos isolados SÓ para o modal de feedback */

/* Garante que o modal fique acima de qualquer overlay do tema */
#contactFeedbackModal.modal { z-index: 2000; }

/* Backdrop do Bootstrap ajustado para o tema escuro */
#contactFeedbackModal ~ .modal-backdrop.show { opacity: .45; }

/* Caixa do modal: vidro suave com sombra elegante */
#contactFeedbackModal .modal-dialog {
  max-width: 520px;
  margin: 1.75rem auto;
}

#contactFeedbackModal .modal-content {
  border: 0 !important;
  border-radius: 2rem !important;            /* cantos bem arredondados (combina com seus botões) */
  background: rgba(255,255,255,0.92);        /* vidro claro */
  backdrop-filter: blur(12px);               /* glassmorphism */
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 30px 80px rgba(0,0,0,.25);   /* sombra profunda */
}

/* Header */
#contactFeedbackModal .modal-header {
  border: 0 !important;
  padding: 20px 24px 8px 24px;
}
#contactFeedbackModal .modal-title {
  font-weight: 800;
  letter-spacing: .2px;
  color: #111;
}

/* Botão fechar (usa seu ícone) */
#contactFeedbackModal .modal-header .tmp-round-action-btn {
  border: none;
  background: transparent;
  width: 40px; height: 40px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px;
}
#contactFeedbackModal .modal-header .tmp-round-action-btn:hover {
  background: rgba(0,0,0,.06);
}

/* Corpo */
#contactFeedbackModal .modal-body {
  padding: 4px 24px 8px 24px;
}
#contactFeedbackModal .modal-body p.description {
  color: #333;
  line-height: 1.55;
  margin: 0;
}

/* Footer com seu botão rosa já existente (.tmp-btn) */
#contactFeedbackModal .modal-footer {
  border: 0 !important;
  padding: 8px 16px 20px 16px;
  display: flex; justify-content: center;
}

/* Ajusta o botão do tema dentro do modal */
#contactFeedbackModal .modal-footer .tmp-btn {
  padding-left: 28px; padding-right: 28px;
  height: 52px;
  border-radius: 999px;                      /* pílula */
  box-shadow: 0 10px 30px rgba(246, 20, 103, .35);
}

/* Tema escuro: quando o body é escuro, aumente contraste do texto do modal */
body.dark,
body[data-theme="dark"] {
  /* sem mudanças globais; apenas reforça contraste dentro do modal */
}
body.dark #contactFeedbackModal .modal-content,
body[data-theme="dark"] #contactFeedbackModal .modal-content {
  background: rgba(20,20,20,0.9);
}
body.dark #contactFeedbackModal .modal-title,
body[data-theme="dark"] #contactFeedbackModal .modal-title { color: #fff; }
body.dark #contactFeedbackModal .modal-body p.description,
body[data-theme="dark"] #contactFeedbackModal .modal-body p.description { color: #e5e5e5; }

/* Previne que algum CSS do tema zere opacidade do modal */
#contactFeedbackModal.show { opacity: 1 !important; }

/* Acessibilidade: foco visível no botão fechar */
#contactFeedbackModal .tmp-round-action-btn:focus-visible {
  outline: 2px solid #ff2a7a;
  outline-offset: 2px;
}