/**
 * Custom SweetAlert styling for OAuth notifications
 * Matching the auth.php design aesthetic
 */

/* Main popup container */
.swal2-popup {
  font-family: 'Poppins', sans-serif !important;
  border-radius: 30px !important;
  padding: 2em !important;
  box-shadow: 
    0 10px 20px rgba(46, 8, 244, 0.05),
    0 6px 6px rgba(46, 8, 244, 0.1),
    0 0 100px rgba(46, 8, 244, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Title styling */
.swal2-title {
  color: #333 !important;
  font-weight: 600 !important;
}

/* Content text styling */
.swal2-html-container {
  color: #666 !important;
}

/* Confirm button styling */
.swal2-confirm {
  background: linear-gradient(135deg, #2e08f4 0%, #cf13e4 100%) !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  padding: 10px 24px !important;
  box-shadow: 0 4px 12px rgba(46, 8, 244, 0.2) !important;
  border: none !important;
  transition: all 0.3s ease !important;
}

/* Button hover effect */
.swal2-confirm:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 15px rgba(46, 8, 244, 0.3) !important;
}

/* Timer progress bar styling */
.swal2-timer-progress-bar {
  background: linear-gradient(to right, #2e08f4, #cf13e4) !important;
}

/* Custom animation */
@keyframes swalFadeIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}

.swal2-show {
  animation: swalFadeIn 0.3s !important;
}

/* Success icon styling */
.swal2-icon.swal2-success {
  border-color: #2e08f4 !important;
  color: #2e08f4 !important;
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: #2e08f4 !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(46, 8, 244, 0.3) !important;
}

/* Info icon styling */
.swal2-icon.swal2-info {
  border-color: #2e08f4 !important;
  color: #2e08f4 !important;
}

/* Loading animation color */
.swal2-loader {
  border-color: #2e08f4 transparent #2e08f4 transparent !important;
}