/* =========================
   SWEETALERT2 – MODERN GLASS GREEN
========================= */

/* Position like bottom sheet */
.swal2-container {
  align-items: flex-end !important;
  padding-bottom: 40px !important;
}

/* Popup glass style */
.swal2-popup {
  border-radius: 32px !important;

  backdrop-filter: blur(40px) saturate(180%);
  background: rgba(15, 25, 18, 0.85) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;

  color: var(--text-primary) !important;
  box-shadow: 0 40px 120px rgba(0,0,0,0.6);
}

/* Title */
.swal2-title {
  font-size: 20px !important;
  font-weight: 600 !important;
}

/* Text */
.swal2-html-container {
  font-size: 14px !important;
  color: rgba(255,255,255,0.7) !important;
}

/* Buttons container */
.swal2-actions {
  margin-top: 24px !important;
  gap: 12px;
}

/* Confirm button */
.swal2-confirm {
  background: linear-gradient(
    180deg,
    var(--primary-green),
    var(--primary-green-pressed)
  ) !important;

  border: none !important;
  border-radius: 26px !important;
  padding: 14px 28px !important;
  font-size: 16px !important;
  font-weight: 600 !important;

  box-shadow: 0 15px 40px rgba(34,197,94,0.45);
  transition: all .25s ease !important;
}

/* Cancel button */
.swal2-cancel {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 26px !important;
  padding: 14px 28px !important;
  font-size: 16px !important;
  color: white !important;

  transition: all .25s ease !important;
}

/* Hover states */
.swal2-confirm:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 50px rgba(34,197,94,0.6);
}

.swal2-cancel:hover {
  background: rgba(255,255,255,0.15) !important;
  transform: translateY(-2px);
}

/* Active press */
.swal2-confirm:active,
.swal2-cancel:active {
  transform: scale(0.96);
}

/* =========================
   SUCCESS STATE
========================= */

.custom-popup-success {
  border: 1px solid rgba(34,197,94,0.4) !important;
}

/* =========================
   ERROR STATE
========================= */

.custom-popup-error {
  border: 1px solid rgba(249,115,22,0.4) !important;
}

/* =========================
   CUSTOM LOADER – GREEN
========================= */

.custom-loader {
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-left-color: var(--primary-green);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 18px auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

body.swal2-shown {
  padding-right: 0 !important;
}