/* jQuery toast plugin CSS - Dark Theme */
.jq-toast-wrap { 
   display: block; 
   position: fixed; 
   min-width: 300px; 
   max-width: 350px;  
   pointer-events: none !important; 
   margin: 0; 
   padding: 0; 
   letter-spacing: normal; 
   z-index: 9000 !important; 
   /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);  */
   border-radius: 12px;
   opacity: 1;
   transition: opacity 0.4s ease, transform 0.4s ease; 
   transform: translateY(0);
   background-color: transparent; /* Dark background */
}

.jq-toast-wrap.closing { 
   opacity: 0; 
   transform: translateY(20px); 
}

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

.jq-toast-wrap.bottom-left { bottom: 20px; left: 20px; }
.jq-toast-wrap.bottom-right { bottom: 20px; right: 40px; }
.jq-toast-wrap.top-left { top: 20px; left: 20px; }
.jq-toast-wrap.top-right { top: 20px; right: 40px; }

.jq-toast-single { 
   display: block; 
   width: 100%; 
   padding: 15px; 
   margin: 0 0 10px; 
   border-radius: 8px; 
   font-size: 14px; 
   font-family: Arial, sans-serif; 
   line-height: 1.4; 
   position: relative;  
   pointer-events: all !important; 
   background-color: #333; /* Darker background for the toast */
   color: #e0e0e0; /* Light text color */
   /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);  */
   transition: background-color 0.3s ease;
}

.jq-toast-single:hover { 
   background-color: #444; /* Slightly lighter hover state */
}

.jq-toast-single h2 { 
   font-family: Arial, sans-serif; 
   font-size: 16px; 
   margin: 0 0 8px; 
   background: none; 
   color: #e0e0e0; /* Light text */
   line-height: inherit; 
   letter-spacing: normal; 
}

.jq-toast-single a { 
   color: #ffd700; /* Gold links */
   text-decoration: none; 
   font-weight: bold; 
   border-bottom: 1px solid #ffd700; 
   padding-bottom: 2px; 
   font-size: 13px; 
}

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

.jq-toast-single ul { 
   margin: 0 0 0 15px; 
   background: none; 
   padding: 0;
}

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

.close-jq-toast-single { 
   position: absolute; 
   top: 10px; 
   right: 10px; 
   font-size: 18px; 
   cursor: pointer; 
   color: #e0e0e0; /* Light close icon */
}

.jq-toast-loader { 
   display: block; 
   position: absolute; 
   top: -2px; 
   height: 4px; 
   width: 0%; 
   left: 0; 
   border-radius: 5px; 
   background: #ff4500; /* Red loader */
}

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

.jq-has-icon { 
   padding: 10px 10px 10px 50px; 
   background-repeat: no-repeat; 
   background-position: 10px; 
}

.jq-icon-info { 
   color: #e0e0e0; /* Light text */
   background-color: #272727 !important; /* Dark info background */
   border-color: #272727 !important; /* Darker border */
}

.jq-icon-warning { 
   color: #e0e0e0; /* Light text */
   background-color: #272727 !important;/* Dark warning background */
   border-color: #272727 !important; /* Darker border */
}

.jq-icon-error { 
   color: #e0e0e0; /* Light text */
   background-color: #272727 !important; /* Dark error background */
   border-color: #272727 !important; /* Darker border */
}

.jq-icon-success { 
   color: #e0e0e0; /* Light text */
   background-color: #272727 !important; /* Dark success background */
   border-color: #272727 !important; /* Darker border */
}

/* Toast Closing Animation */
.jq-toast-wrap.closing { 
   opacity: 0; 
   transition: opacity 0.5s ease-in, transform 0.5s ease-in; 
   transform: translateY(30px);
}