/* Ukrycie domyślnego wykrzyknika */
.swal-modal.question-mark .swal-icon.swal-icon--warning,
.swal-modal.question-mark-soft .swal-icon.swal-icon--warning,
.swal-modal.question-mark-confirm .swal-icon.swal-icon--warning,
.swal-modal.question-mark-critical .swal-icon.swal-icon--warning {
  border: 0 !important;
  background-image: url(../img/question-mark.png);
  background-repeat: no-repeat;
  background-size: cover;
  animation: pulse-question-mark 1s infinite;
}

/* Pytajnik jako tło */
.swal-modal.question-mark .swal-icon--warning__body,
.swal-modal.question-mark-soft .swal-icon--warning__body,
.swal-modal.question-mark-confirm .swal-icon--warning__body,
.swal-modal.question-mark-critical .swal-icon--warning__body {
  display: none !important;
}

/* Zaokrąglone rogi modala */
.swal-modal {
  border-radius: 12px; /* lub 16px, 20px — zależnie od stylu aplikacji */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  transition: border-radius 0.3s ease;  
}



/* Warianty kolorystyczne tytułu */
.swal-modal.question-mark-soft .swal-title {
  color: #090; /* zielony — informacja */
  font-size: 23px; /* lub 24px, 28px — wybierz swój standard */
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
}

.swal-modal.question-mark-confirm .swal-title {
  color: #0077cc; /* niebieski — decyzja */
  font-size: 28px;
}

.swal-modal.question-mark-critical .swal-title {
  color: #c00; /* czerwony — ostrzeżenie */
  font-size: 28px;
}



/* Warianty kolorystyczne przycysku */
.swal-button--soft {
  background-color: #5cb85c; /* łagodna zieleń */
  color: #fff;
}
.swal-button--soft:hover {
  background-color: #4cae4c;
}

/* Confirm – np. potwierdzenie dokumentu */
.swal-button--confirm {
  background-color: #5bc0de; /* niebieski, neutralny */
  color: #fff;
}
.swal-button--confirm:hover {
  background-color: #31b0d5;
}

/* Critical – np. usunięcie danych */
.swal-button--critical {
  background-color: #d9534f; /* czerwony, ostrzegawczy */
  color: #fff;
}
.swal-button--critical:hover {
  background-color: #c9302c;
}

.swal-modal .swal-text {
  text-align: center;
}

@keyframes pulse-question-mark {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.03); }
  100% { transform: scale(1); }
}