/* ธีมแจ้งเตือนให้เข้ากับเว็บ th (ดำ–ทอง) */
.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.78) !important;
}

.sweet-alert {
  background: linear-gradient(180deg, #1a140c 0%, #0a0806 100%) !important;
  border: 1px solid rgba(221, 171, 94, 0.55) !important;
  border-radius: 2px !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.9),
    0 18px 48px rgba(0, 0, 0, 0.75),
    0 0 28px rgba(221, 171, 94, 0.12) !important;
  font-family: Kanit, Tahoma, sans-serif !important;
  padding: 28px 22px 22px !important;
  width: min(420px, calc(100vw - 32px)) !important;
  margin-left: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.sweet-alert h2 {
  color: #f4e6c8 !important;
  font-family: Kanit, Tahoma, sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  line-height: 1.35 !important;
  margin: 18px 0 10px !important;
}

.sweet-alert p {
  color: #cbb892 !important;
  font-family: Kanit, Tahoma, sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}

.sweet-alert button {
  background: linear-gradient(180deg, #e0b45a 0%, #b8872f 100%) !important;
  border: 1px solid #f0d08a !important;
  border-radius: 2px !important;
  box-shadow: 0 2px 10px rgba(184, 135, 47, 0.35) !important;
  color: #1a1206 !important;
  font-family: Kanit, Tahoma, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  padding: 10px 28px !important;
  text-shadow: none !important;
}

.sweet-alert button:hover {
  background: linear-gradient(180deg, #f0c56e 0%, #c9963a 100%) !important;
}

.sweet-alert button.cancel {
  background: transparent !important;
  border: 1px dashed rgba(221, 171, 94, 0.45) !important;
  color: #d4c4a0 !important;
  box-shadow: none !important;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  border-color: rgba(61, 220, 115, 0.55) !important;
}

.sweet-alert .sa-icon.sa-success .sa-line {
  background-color: #3ddc73 !important;
}

.sweet-alert .sa-icon.sa-error {
  border-color: rgba(231, 104, 104, 0.65) !important;
}

.sweet-alert .sa-icon.sa-error .sa-line {
  background-color: #e76868 !important;
}

.sweet-alert .sa-icon.sa-warning {
  border-color: rgba(236, 216, 26, 0.7) !important;
}

.sweet-alert .sa-icon.sa-warning .sa-body,
.sweet-alert .sa-icon.sa-warning .sa-dot {
  background-color: #ecd81a !important;
}