/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 * Modernized styling for SyncViral - 2024
 */

/* Toast wrapper positioning */
.jq-toast-wrap { 
  display: block; 
  position: fixed;  
  max-width: 420px; 
  min-width: 320px; 
  pointer-events: none !important; 
  margin: 0; 
  padding: 0; 
  letter-spacing: normal; 
  z-index: 9999 !important; 
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.jq-toast-wrap * { 
  margin: 0; 
  padding: 0; 
}

/* Positioning variants */
.jq-toast-wrap.bottom-left { bottom: 24px; left: 24px; }
.jq-toast-wrap.bottom-right { bottom: 24px; right: 24px; }
.jq-toast-wrap.bottom-center { bottom: 24px; left: 50%; transform: translateX(-50%); }
.jq-toast-wrap.top-left { top: 24px; left: 24px; }
.jq-toast-wrap.top-right { top: 24px; right: 24px; }
.jq-toast-wrap.top-center { top: 24px; left: 50%; transform: translateX(-50%); }

/* Main toast styling */
.jq-toast-single { 
  display: block; 
  width: 100%; 
  padding: 16px 20px; 
  margin: 0 0 12px; 
  border-radius: 12px; 
  font-size: 14px; 
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 
  font-weight: 500;
  line-height: 1.5; 
  position: relative;  
  pointer-events: all !important; 
  background: #ffffff;
  color: #333333;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(8px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(0);
  opacity: 1;
}

/* Animation states */
.jq-toast-single.jq-toast-fade-in {
  animation: toastSlideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.jq-toast-single.jq-toast-fade-out {
  animation: toastSlideOut 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes toastSlideIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes toastSlideOut {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(-10px) scale(0.95);
  }
}

/* Hover effects */
.jq-toast-single:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Typography */
.jq-toast-single h2 { 
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 
  font-size: 15px; 
  font-weight: 600;
  margin: 0 0 8px; 
  background: none; 
  color: inherit; 
  line-height: 1.4; 
  letter-spacing: -0.01em; 
}

.jq-toast-single a { 
  color: #4CAF50; 
  text-decoration: none; 
  font-weight: 600; 
  border-bottom: 1px solid rgba(76, 175, 80, 0.3); 
  padding-bottom: 1px; 
  font-size: 14px;
  transition: all 0.2s ease;
}

.jq-toast-single a:hover {
  color: #388E3C;
  border-bottom-color: #388E3C;
}

/* Lists */
.jq-toast-single ul { 
  margin: 8px 0 0 16px; 
  background: none; 
  padding: 0; 
}

.jq-toast-single ul li { 
  list-style-type: disc !important; 
  line-height: 1.5; 
  background: none; 
  margin: 4px 0; 
  padding: 0; 
  letter-spacing: normal; 
  color: inherit;
}

/* Close button */
.close-jq-toast-single { 
  position: absolute; 
  top: 12px; 
  right: 12px; 
  width: 24px;
  height: 24px;
  font-size: 16px; 
  cursor: pointer; 
  color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: all 0.2s ease;
  font-weight: 500;
}

.close-jq-toast-single:hover {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.7);
}

/* Progress loader */
.jq-toast-loader { 
  display: block; 
  position: absolute; 
  bottom: 0; 
  height: 3px; 
  width: 0%; 
  left: 0; 
  border-radius: 0 0 12px 12px; 
  background: linear-gradient(90deg, #4CAF50, #66BB6A);
  transition: width 0.1s ease;
}

.jq-toast-loaded { 
  width: 100%; 
}

/* Icon styling */
.jq-has-icon { 
  padding: 16px 20px 16px 56px; 
  background-repeat: no-repeat; 
  background-position: 20px center;
  background-size: 20px 20px;
}

/* Success toast */
.jq-icon-success { 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNmZmZmZmYiLz4KPHBhdGggZD0ibTYgMTAgNC4yNDMgNC4yNDNhMSAxIDAgMCAwIDEuNDE0IDAgTDEzIDEzIiBzdHJva2U9IiM0Q0FGNTASCZ0c3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+'); 
  background-color: #4CAF50; 
  color: #ffffff; 
  border-color: #4CAF50;
}

.jq-icon-success .jq-toast-loader {
  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.8));
}

/* Error toast */
.jq-icon-error { 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNmZmZmZmYiLz4KPHBhdGggZD0ibTYgNiA4IDhtMC04LTggOCIgc3Ryb2tlPSIjRkY1MjUyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4='); 
  background-color: #FF5252; 
  color: #ffffff; 
  border-color: #FF5252;
}

.jq-icon-error .jq-toast-loader {
  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.8));
}

/* Warning toast */
.jq-icon-warning { 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDJhMSAxIDAgMCAxIC44OTQuNDQ3bDggMTRBMSAxIDAgMCAxIDE4IDEySDJhMSAxIDAgMCAxLS44OTQtMS41NTNsOC0xNEExIDEgMCAwIDEgMTAgMloiIGZpbGw9IiNmZmZmZmYiLz4KPHBhdGggZD0iTTEwIDZhMSAxIDAgMCAwLTEgMXY0YTEgMSAwIDAgMCAyIDBWN2ExIDEgMCAwIDAtMS0xWm0wIDhhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yWiIgZmlsbD0iI0ZGQjcwMCIvPgo8L3N2Zz4='); 
  background-color: #FFB700; 
  color: #ffffff; 
  border-color: #FFB700;
}

.jq-icon-warning .jq-toast-loader {
  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.8));
}

/* Info toast */
.jq-icon-info { 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNmZmZmZmYiLz4KPHBhdGggZD0iTTEwIDZhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yWm0wIDRhMSAxIDAgMCAwLTEgMXY0YTEgMSAwIDAgMCAyIDBWMTFhMSAxIDAgMCAwLTEtMVoiIGZpbGw9IiMzQjgyRjYiLz4KPC9zdmc+'); 
  background-color: #3B82F6; 
  color: #ffffff; 
  border-color: #3B82F6;
}

.jq-icon-info .jq-toast-loader {
  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.8));
}

/* Login toast */
.jq-icon-login { 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNmZmZmZmYiLz4KPHBhdGggZD0iTTEwIDEwYTMgMyAwIDEgMCAwLTYgMyAzIDAgMCAwIDAgNlptLTQgNGEzIDMgMCAwIDEgOCAwIiBzdHJva2U9IiM2MzY2RjEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==');
  background-color: #6366F1; 
  color: #ffffff; 
  border-color: #6366F1;
}

.jq-icon-login .jq-toast-loader {
  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.8));
}

/* Payment toast */
.jq-icon-payment { 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMiIgeT0iNSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjEwIiByeD0iMiIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSIjMTBCOTgxIiBzdHJva2Utd2lkdGg9IjIiLz4KPGxpbmUgeDE9IjIiIHkxPSI5IiB4Mj0iMTgiIHkyPSI5IiBzdHJva2U9IiMxMEI5ODEiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=');
  background-color: #10B981; 
  color: #ffffff; 
  border-color: #10B981;
}

.jq-icon-payment .jq-toast-loader {
  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.8));
}

/* Order toast */
.jq-icon-order { 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgM2gxNGwtMSAxMEgzVjNaIiBmaWxsPSIjZmZmZmZmIiBzdHJva2U9IiM4QjVDRjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjciIGN5PSIxNyIgcj0iMSIgZmlsbD0iIzhCNUNGNiIvPgo8Y2lyY2xlIGN4PSIxNCIgY3k9IjE3IiByPSIxIiBmaWxsPSIjOEI1Q0Y2Ii8+Cjwvc3ZnPg==');
  background-color: #8B5CF6; 
  color: #ffffff; 
  border-color: #8B5CF6;
}

.jq-icon-order .jq-toast-loader {
  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.8));
}

/* Validation toast */
.jq-icon-validation { 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMyIgeT0iNSIgd2lkdGg9IjE0IiBoZWlnaHQ9IjEwIiByeD0iMiIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSIjRjU5RTBCIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTcgNVYzYTIgMiAwIDAgMSA2IDB2MiIgc3Ryb2tlPSIjRjU5RTBCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=');
  background-color: #F59E0B; 
  color: #ffffff; 
  border-color: #F59E0B;
}

.jq-icon-validation .jq-toast-loader {
  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.8));
}

/* Network toast */
.jq-icon-network { 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNmZmZmZmYiLz4KPHBhdGggZD0iTTEwIDJhOCA4IDAgMCAxIDggOCIgc3Ryb2tlPSIjNkI3Mjg5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAgNmE0IDQgMCAwIDEgNCA0IiBzdHJva2U9IiM2QjcyODkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjEiIGZpbGw9IiM2QjcyODkiLz4KPC9zdmc+');
  background-color: #6B7280; 
  color: #ffffff; 
  border-color: #6B7280;
}

.jq-icon-network .jq-toast-loader {
  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.8));
}

/* Light theme support (explicit class) */
.jq-toast-light .jq-toast-single {
  background: #ffffff;
  color: #1f2937;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04);
}

.jq-toast-light .close-jq-toast-single {
  color: rgba(0, 0, 0, 0.4);
}

.jq-toast-light .close-jq-toast-single:hover {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.7);
}

/* Light theme icon adjustments */
.jq-toast-light .jq-icon-success { 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiM0Q0FGNTASCZ8L2NpcmNsZT4KPHBhdGggZD0ibTYgMTAgNC4yNDMgNC4yNDNhMSAxIDAgMCAwIDEuNDE0IDAgTDEzIDEzIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==');
  background-color: #4CAF50;
  color: #ffffff;
  border-color: #4CAF50;
}

.jq-toast-light .jq-icon-error { 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNGRjUyNTIiLz4KPHBhdGggZD0ibTYgNiA4IDhtMC04LTggOCIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=');
  background-color: #FF5252;
  color: #ffffff;
  border-color: #FF5252;
}

.jq-toast-light .jq-icon-warning { 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDJhMSAxIDAgMCAxIC44OTQuNDQ3bDggMTRBMSAxIDAgMCAxIDE4IDEySDJhMSAxIDAgMCAxLS44OTQtMS41NTNsOC0xNEExIDEgMCAwIDEgMTAgMloiIGZpbGw9IiNGRkI3MDAiLz4KPHBhdGggZD0iTTEwIDZhMSAxIDAgMCAwLTEgMXY0YTEgMSAwIDAgMCAyIDBWN2ExIDEgMCAwIDAtMS0xWm0wIDhhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yWiIgZmlsbD0iI2ZmZmZmZiIvPgo8L3N2Zz4=');
  background-color: #FFB700;
  color: #ffffff;
  border-color: #FFB700;
}

.jq-toast-light .jq-icon-info { 
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiMzQjgyRjYiLz4KPHBhdGggZD0iTTEwIDZhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yWm0wIDRhMSAxIDAgMCAwLTEgMXY0YTEgMSAwIDAgMCAyIDBWMTFhMSAxIDAgMCAwLTEtMVoiIGZpbGw9IiNmZmZmZmYiLz4KPC9zdmc+');
  background-color: #3B82F6;
  color: #ffffff;
  border-color: #3B82F6;
}

/* Light theme for custom toast types */
.jq-toast-light .jq-icon-login { 
  background-color: #6366F1;
  color: #ffffff;
  border-color: #6366F1;
}

.jq-toast-light .jq-icon-payment { 
  background-color: #10B981;
  color: #ffffff;
  border-color: #10B981;
}

.jq-toast-light .jq-icon-order { 
  background-color: #8B5CF6;
  color: #ffffff;
  border-color: #8B5CF6;
}

.jq-toast-light .jq-icon-validation { 
  background-color: #F59E0B;
  color: #ffffff;
  border-color: #F59E0B;
}

.jq-toast-light .jq-icon-network { 
  background-color: #6B7280;
  color: #ffffff;
  border-color: #6B7280;
}

/* Dark theme support */
@media (prefers-color-scheme: dark) {
  .jq-toast-single {
    background: #1f2937;
    color: #f9fafb;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.2);
  }
  
  .close-jq-toast-single {
    color: rgba(255, 255, 255, 0.6);
  }
  
  .close-jq-toast-single:hover {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.9);
  }
}

/* Explicit dark theme class */
.jq-toast-dark .jq-toast-single {
  background: #1f2937;
  color: #f9fafb;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.2);
}

.jq-toast-dark .close-jq-toast-single {
  color: rgba(255, 255, 255, 0.6);
}

.jq-toast-dark .close-jq-toast-single:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}

/* Enhanced animations for different toast types */
.jq-toast-fade-in {
  animation: toastFadeIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.jq-toast-fade-out {
  animation: toastFadeOut 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
}

@keyframes toastFadeIn {
  0% {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes toastFadeOut {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px) scale(0.98);
  }
}

/* Type-specific styling enhancements */
.jq-toast-wrap.jq-toast-success {
  border-left: 4px solid #4CAF50;
  background: linear-gradient(135deg, rgba(76, 175, 80, 0.1), rgba(76, 175, 80, 0.05));
}

.jq-toast-wrap.jq-toast-error {
  border-left: 4px solid #FF5252;
  background: linear-gradient(135deg, rgba(255, 82, 82, 0.1), rgba(255, 82, 82, 0.05));
}

.jq-toast-wrap.jq-toast-warning {
  border-left: 4px solid #FFB700;
  background: linear-gradient(135deg, rgba(255, 183, 0, 0.1), rgba(255, 183, 0, 0.05));
}

.jq-toast-wrap.jq-toast-info {
  border-left: 4px solid #3B82F6;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.05));
}

/* Enhanced loader styling */
.jq-toast-loader {
  height: 3px;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(90deg, transparent, currentColor, transparent);
  background-size: 200% 100%;
  animation: loaderSlide 2s ease-in-out infinite;
}

@keyframes loaderSlide {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* Icon enhancements */
.jq-toast-wrap .jq-toast-single .jq-toast-icon {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
  transition: transform 0.2s ease;
}

.jq-toast-wrap:hover .jq-toast-single .jq-toast-icon {
  transform: scale(1.05);
}

/* Pulse animation for important messages */
.jq-toast-wrap.jq-toast-pulse {
  animation: toastPulse 2s ease-in-out infinite;
}

@keyframes toastPulse {
  0%, 100% {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
  50% {
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
  }
}

/* Mobile responsiveness */
@media (max-width: 480px) {
  .jq-toast-wrap {
    max-width: calc(100vw - 32px);
    min-width: calc(100vw - 32px);
  }
  
  .jq-toast-wrap.bottom-left,
  .jq-toast-wrap.bottom-right,
  .jq-toast-wrap.bottom-center {
    bottom: 16px;
    left: 16px;
    right: 16px;
    transform: none;
  }
  
  .jq-toast-wrap.top-left,
  .jq-toast-wrap.top-right,
  .jq-toast-wrap.top-center {
    top: 16px;
    left: 16px;
    right: 16px;
    transform: none;
  }
  
  .jq-toast-single {
    padding: 14px 16px;
    font-size: 14px;
  }
  
  .jq-has-icon {
    padding: 14px 16px 14px 48px;
    background-position: 16px center;
    background-size: 18px 18px;
  }
}