@import url('../root.css');

/* 🌿 Popup geral */
.swal2-popup {
  font-family: var(--font-destaque);
  border-radius: 12px;
  border: 1px solid var(--rest-borda);
  padding: 24px;
  background: var(--rest-fundo);
  color: var(--rest-texto);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

/* 🌿 Reorganiza os botões */
.swal2-actions {
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding-top: 16px;
}

/* 🌿 Faz cada botão ocupar 45% */
.swal2-actions .swal2-confirm,
.swal2-actions .swal2-cancel {
  width: 45%;
}

/* 🌿 Título */
.swal2-title {
  font-size: 1.3rem;
  font-weight: var(--font-bold);
  color: var(--rest-texto);
}

/* 🌿 Texto abaixo do título */
.swal2-html-container {
  font-size: 0.95rem;
  color: var(--rest-subtexto);
}

/* ✅ Botão confirmar */
.swal2-confirm {
  background-color: var(--rest-erro) !important;
  color: var(--rest-branco) !important;
  font-weight: var(--font-bold);
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 24px !important;
  font-size: 0.95rem;
  transition: background 0.3s ease;
}

.swal2-confirm:hover {
  background-color: #b32626 !important;
}

/* ✅ Botão cancelar */
.swal2-cancel {
  background-color: var(--rest-erro) !important;
  color: var(--rest-branco) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 24px !important;
  font-size: 0.95rem;
  font-weight: var(--font-bold);
  transition: background 0.3s ease, color 0.3s ease;
}

.swal2-cancel:hover {
    background-color: #b32626 !important;
}

/* ✅ Toast inferior direito (sucesso ao remover item) */
.swal2-toast {
  font-family: var(--font-destaque);
  font-size: 0.9rem;
  background: var(--rest-primaria) !important;
  color: var(--rest-branco) !important;
  border: 1px solid var(--rest-borda);
  border-radius: 8px;
  padding: 12px 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}