/* sweetalert2-custom.css */

/* 1. Modal principal */
.swal2-popup {
  padding: 2rem !important;               /* espaçamento interno generoso */
  min-width: 540px !important;            /* largura mínima para caber botões */
  max-width: 90% !important;              /* nunca ultrapassar 90% da viewport */
  box-sizing: border-box;
  border-radius: 0.5rem !important;
}

/* 2. Título */
.swal2-title {
  margin: 0 0 1rem !important;
  text-align: center !important;
  font-weight: 600 !important;
  /* sem alterações de font-size, conforme solicitado */
}

/* 3. Conteúdo */
.swal2-content {
  margin-bottom: 1.5rem !important;
  text-align: center !important;
  color: #444 !important;
  /* sem alterações de font-size */
}

/* 4. Área de botões: sempre em linha, sem wrap */
.swal2-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;           /* proíbe quebra de linha */
  justify-content: center !important;
  gap: 0.75rem !important;
  margin-top: 1.5rem !important;
  overflow-x: auto !important;            /* scroll mínimo se necessário */
  padding: 0 0.5rem !important;           /* evita colar nas bordas */
}

/* 5. Botões: crescem conforme texto, sem wrap */
.swal2-styled {
  flex: 0 1 auto !important;              /* não forçam largura igual */
  min-width: auto !important;             /* permite largura automática */
  padding: 0.75rem 1rem !important;       /* conforto de clique */
  white-space: nowrap !important;         /* texto em uma única linha */
  border-radius: 0.375rem !important;
  transition: transform 0.1s ease, box-shadow 0.2s ease !important;
}

/* 6. Cores dos botões por ação */
.swal2-cancel  { background-color: #6c757d !important; }
.swal2-deny    { background-color: #dc3545 !important; }
.swal2-confirm { background-color: #4e5bef !important; }

/* 7. Hover e foco para feedback visual */
.swal2-styled:hover,
.swal2-styled:focus {
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* 8. Responsividade leve */
@media (max-width: 480px) {
  .swal2-popup {
    min-width: 320px !important;           /* ajuste para telas muito pequenas */
  }
  .swal2-actions {
    padding-bottom: 0.5rem !important;
  }
}