/*===============================================
  MODULE NAME   : Application Portal
  FILE NAME     : Toastr Custom Styling                                  
  CREATION DATE : 17-12-2025                                                        
  CREATED BY    : System
  DESCRIPTION   : Custom toastr styling for the entire project
===============================================*/

/* Custom Toastr Styling */
#toast-container > div {
    opacity: 1;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 15px 50px 15px 50px !important; /* Increased padding for icon space */
    font-size: 14px;
    font-weight: normal;
    color: #000000 !important; /* Black text for all toasts */
    word-wrap: break-word;
    white-space: normal;
    min-width: 300px !important; /* Minimum width */
    max-width: 500px !important; /* Maximum width */
    width: auto !important; /* Auto width based on content */
    min-height: 50px !important; /* Minimum height */
    height: auto !important; /* Auto height based on content */
}

/* Success Toast - Green Background */
#toast-container > .toast-success {
    background-color: #28a745 !important; /* Green */
    color: #000000 !important; /* Black text */
}

/* Error Toast - Red Background */
#toast-container > .toast-error {
    background-color: #dc3545 !important; /* Red */
    color: #ffffff !important; /* White text for better contrast on red */
}

#toast-container > .toast-error .toast-message {
    color: #ffffff !important; /* White text */
}

#toast-container > .toast-error .toast-title {
    color: #ffffff !important; /* White text */
}

#toast-container > .toast-error .toast-close-button {
    color: #ffffff !important; /* White close button */
}

/* Info Toast - Blue Background */
#toast-container > .toast-info {
    background-color: #17a2b8 !important; /* Blue */
    color: #000000 !important; /* Black text */
}

/* Warning Toast - Orange/Yellow Background */
#toast-container > .toast-warning {
    background-color: #ffc107 !important; /* Yellow/Orange */
    color: #000000 !important; /* Black text */
}

/* Toast Title */
#toast-container > div .toast-title {
    color: #000000 !important; /* Black text */
    font-weight: normal;
}

/* Toast Message */
#toast-container > div .toast-message {
    color: #000000 !important; /* Black text */
}

/* Progress Bar */
.toast-progress {
    background-color: rgba(0, 0, 0, 0.3) !important; /* Dark progress bar */
}

/* Close Button */
#toast-container > div .toast-close-button {
    color: #000000 !important; /* Black close button */
    opacity: 0.7;
}

#toast-container > div .toast-close-button:hover {
    opacity: 1;
}