/* ============================================================
   SWEETALERT2 — Custom popup styling (SINGLE SOURCE OF TRUTH)
   Edit this file once → frontend + backend, sab pages affect.
   Included via <link> in header.php + backend-header.php
   ============================================================ */

/* Popup itself — softly rounded rectangle (bigger radius) */
.swal2-popup {
  border-radius: 28px !important;
  padding: 36px 32px !important;
  box-shadow: 0 25px 70px rgba(13, 71, 161, 0.18) !important;
  border: 0 !important;
}

/* Title */
.swal2-popup .swal2-title {
  font-weight: 700 !important;
  color: #1f2937 !important;
  font-size: 1.25rem !important;
  margin-top: 8px !important;
}

/* Body / message text */
.swal2-popup .swal2-html-container,
.swal2-popup .swal2-content {
  color: #4b5563 !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
}

/* Icon size (a bit more compact) */
.swal2-popup .swal2-icon { margin: 8px auto 12px !important; }

/* Buttons — solid colored rounded rectangles (simple, clean look) */
.swal2-popup .swal2-actions { margin-top: 22px !important; gap: 10px !important; }
.swal2-popup .swal2-styled {
  border-radius: 8px !important;
  padding: 10px 36px !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  box-shadow: none !important;
  border: 0 !important;
  transition: transform .12s, opacity .12s;
}
.swal2-popup .swal2-styled:hover { transform: translateY(-1px); opacity: .92; }
/* Success icon → green confirm button; Error icon → red; default confirm → blue */
.swal2-popup.swal2-icon-success .swal2-confirm { background: #10b981 !important; }
.swal2-popup.swal2-icon-error   .swal2-confirm { background: #ef4444 !important; }
.swal2-popup.swal2-icon-warning .swal2-confirm { background: #f59e0b !important; }
.swal2-popup.swal2-icon-info    .swal2-confirm { background: #0ea5e9 !important; }
.swal2-popup .swal2-confirm    { background: #0d6efd !important; }
.swal2-popup .swal2-cancel     { background: #6b7280 !important; }
.swal2-popup .swal2-deny       { background: #ef4444 !important; }
.swal2-popup .swal2-styled:focus { box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.20) !important; }

/* Backdrop — slight darken so popup pops */
.swal2-backdrop-show {
  background: rgba(15, 23, 42, 0.40) !important;
}

/* Mobile polish */
@media (max-width: 576px) {
  .swal2-popup {
    border-radius: 22px !important;
    padding: 26px 20px !important;
    width: calc(100% - 24px) !important;
    max-width: 380px !important;
  }
  .swal2-popup .swal2-title { font-size: 1.15rem !important; }
  .swal2-popup .swal2-html-container { font-size: 14px !important; }
  .swal2-popup .swal2-styled { padding: 9px 28px !important; font-size: 13.5px !important; }
}