/**
 * =========================================================
 * UNISELF — ARTISTIC SWEETALERT2 THEME
 * "For poets, readers, and keepers of books"
 * 
 * Palette: Aged parchment, Ink, Gold leaf, Rust, Verdigris
 * Fonts: Cormorant Garamond (display), Lora (body)
 * =========================================================
 */

:root {
  --swal-bg: #FAF6EF;
  --swal-card: #FFFFFF;
  --swal-ink: #2A1F18;
  --swal-ink-soft: #4A3F38;
  --swal-gold: #C4A24B;
  --swal-gold-deep: #A68037;
  --swal-rust: #7D4F3F;
  --swal-teal: #4A6B5F;
  --swal-coral: #A85C4F;
  --swal-line: rgba(42, 31, 24, 0.15);
  --swal-border-gold: rgba(196, 162, 75, 0.4);
}

/* 1. BACKDROP OVERLAY */
.uniself-swal-container.swal2-container {
  z-index: 100000 !important;
  background: rgba(42, 31, 24, 0.52) !important;
  backdrop-filter: blur(4px) !important;
}

/* 2. MAIN POPUP MODAL */
.uniself-swal-popup.swal2-popup {
  background: var(--swal-bg) !important;
  border: 1.5px solid var(--swal-border-gold) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(42, 31, 24, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.9) inset !important;
  padding: 2.2rem 2rem 2rem 2rem !important;
  color: var(--swal-ink) !important;
  font-family: 'Lora', Georgia, serif !important;
  position: relative !important;
  overflow: hidden !important;
  max-width: 460px !important;
  width: 90vw !important;
}

/* Top Gold Filigree Accent Bar */
.uniself-swal-popup.swal2-popup::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #7D4F3F, #C4A24B, #E5C378, #C4A24B, #7D4F3F);
}

/* 3. LOGO IMAGE (When imageUrl is provided) */
.uniself-swal-popup .swal2-image {
  margin: 0 auto 1.2rem auto !important;
  border-radius: 12px !important;
  border: 1.5px solid var(--swal-border-gold) !important;
  box-shadow: 0 4px 15px rgba(196, 162, 75, 0.25) !important;
  background: #FFFFFF !important;
  object-fit: contain !important;
  padding: 6px !important;
}

/* 4. STATUS ICONS — Styled with Artistic Theme Palette */
.uniself-swal-popup .swal2-icon {
  margin: 0 auto 1.2rem auto !important;
  border-width: 2.5px !important;
  transform: scale(0.9);
}

/* Success: Verdigris / Emerald */
.uniself-swal-popup .swal2-icon.swal2-success {
  border-color: var(--swal-teal) !important;
  color: var(--swal-teal) !important;
}
.uniself-swal-popup .swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: var(--swal-teal) !important;
}
.uniself-swal-popup .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(74, 107, 95, 0.3) !important;
}

/* Error: Coral / Rust */
.uniself-swal-popup .swal2-icon.swal2-error {
  border-color: var(--swal-coral) !important;
  color: var(--swal-coral) !important;
}
.uniself-swal-popup .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
  background-color: var(--swal-coral) !important;
}

/* Warning: Gold / Amber */
.uniself-swal-popup .swal2-icon.swal2-warning {
  border-color: var(--swal-gold) !important;
  color: var(--swal-gold) !important;
}

/* Info: Rust Dark / Sapphire */
.uniself-swal-popup .swal2-icon.swal2-info {
  border-color: var(--swal-rust) !important;
  color: var(--swal-rust) !important;
}

/* Question: Gold Deep */
.uniself-swal-popup .swal2-icon.swal2-question {
  border-color: var(--swal-gold-deep) !important;
  color: var(--swal-gold-deep) !important;
}

/* 5. TITLE & CONTENT TYPOGRAPHY */
.uniself-swal-title.swal2-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: var(--swal-ink) !important;
  line-height: 1.25 !important;
  margin: 0 0 0.6rem 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.uniself-swal-html.swal2-html-container {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 0.98rem !important;
  color: var(--swal-ink-soft) !important;
  line-height: 1.55 !important;
  margin: 0 0 1.5rem 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

/* 6. BUTTONS & ACTIONS */
.uniself-swal-actions.swal2-actions {
  display: flex !important;
  gap: 0.75rem !important;
  width: 100% !important;
  margin: 0.5rem 0 0 0 !important;
  padding: 0 !important;
  justify-content: center !important;
}

/* Primary / Gold Action Button */
.uniself-swal-confirm-btn {
  background: linear-gradient(135deg, var(--swal-gold), var(--swal-gold-deep)) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 0.7rem 1.6rem !important;
  font-family: 'Lora', Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(196, 162, 75, 0.35) !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
}

.uniself-swal-confirm-btn:hover {
  background: linear-gradient(135deg, var(--swal-gold-deep), #8A641E) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(196, 162, 75, 0.45) !important;
}

/* Danger / Coral Action Button (For Deletes) */
.uniself-swal-danger-btn {
  background: linear-gradient(135deg, var(--swal-coral), var(--swal-rust)) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 0.7rem 1.6rem !important;
  font-family: 'Lora', Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(168, 92, 79, 0.35) !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
}

.uniself-swal-danger-btn:hover {
  background: linear-gradient(135deg, #8E4337, #6B3F2F) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(168, 92, 79, 0.45) !important;
}

/* Cancel / Outline Button */
.uniself-swal-cancel-btn {
  background: transparent !important;
  color: var(--swal-ink-soft) !important;
  border: 1.5px solid var(--swal-line) !important;
  border-radius: 10px !important;
  padding: 0.7rem 1.4rem !important;
  font-family: 'Lora', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: 0.95rem !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
}

.uniself-swal-cancel-btn:hover {
  background: rgba(42, 31, 24, 0.05) !important;
  color: var(--swal-ink) !important;
  border-color: rgba(42, 31, 24, 0.4) !important;
}

/* Close Button (X) */
.uniself-swal-close-btn.swal2-close {
  color: var(--swal-ink-soft) !important;
  font-size: 1.5rem !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 14px !important;
  right: 14px !important;
  transition: all 0.2s ease !important;
}

.uniself-swal-close-btn.swal2-close:hover {
  color: var(--swal-coral) !important;
  background: rgba(168, 92, 79, 0.1) !important;
}

/* 7. TOAST NOTIFICATION (Optional Top-Right Preset) */
.uniself-swal-toast.swal2-toast {
  background: var(--swal-bg) !important;
  border: 1.5px solid var(--swal-border-gold) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(42, 31, 24, 0.16) !important;
  color: var(--swal-ink) !important;
  font-family: 'Lora', Georgia, serif !important;
}

.uniself-swal-toast .swal2-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: var(--swal-ink) !important;
}

.uniself-swal-toast .swal2-timer-progress-bar {
  background: var(--swal-gold) !important;
}