/* =============================================
   MEDUSA UI STYLE TOAST - ENHANCED COLORS
   Vibrant colors with subtle background tints
   ============================================= */

/* Container - Bottom Right */
.toast-container,
#toast-container {
    position: fixed !important;
    bottom: 24px !important;
    right: 24px !important;
    top: auto !important;
    left: auto !important;
    z-index: 99999 !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 12px !important;
    max-width: 420px !important;
    pointer-events: none !important;
}

/* Toast Card Base */
.toast,
.medusa-toast {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 16px 16px 16px 20px !important;
    border-radius: 12px !important;
    box-shadow: 
        0 10px 25px -5px rgba(0, 0, 0, 0.1),
        0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    animation: medusaToastSlideIn 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) forwards !important;
    pointer-events: auto !important;
    min-width: 340px !important;
    max-width: 420px !important;
    position: relative !important;
    overflow: hidden !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    border: 1px solid !important;
}

/* Left colored border indicator */
.toast::before,
.medusa-toast::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 5px !important;
    border-radius: 12px 0 0 12px !important;
}

/* Animations */
@keyframes medusaToastSlideIn {
    0% { 
        transform: translateX(100%);
        opacity: 0;
    }
    100% { 
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes medusaToastSlideOut {
    0% { 
        transform: translateX(0);
        opacity: 1;
    }
    100% { 
        transform: translateX(100%);
        opacity: 0;
    }
}

.toast.toast-closing,
.medusa-toast.closing {
    animation: medusaToastSlideOut 0.25s ease-out forwards !important;
}

/* Icon Container */
.toast-icon,
.medusa-toast-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
    margin-top: 0px !important;
}

.toast-icon svg,
.medusa-toast-icon svg {
    width: 16px !important;
    height: 16px !important;
}

/* Content */
.toast-content,
.medusa-toast-content {
    flex: 1 !important;
    min-width: 0 !important;
}

.toast-title,
.medusa-toast-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0 0 3px !important;
    line-height: 1.4 !important;
}

.toast-message,
.medusa-toast-message {
    font-size: 13px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    opacity: 0.85 !important;
}

/* Close Button */
.toast-close,
.medusa-toast-close {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border: none !important;
    background: rgba(255, 255, 255, 0.2) !important;
    cursor: pointer !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.15s ease !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    margin: -2px -2px -2px 0 !important;
}

.toast-close:hover,
.medusa-toast-close:hover {
    background: rgba(255, 255, 255, 0.4) !important;
    transform: scale(1.05) !important;
}

.toast-close svg,
.medusa-toast-close svg {
    width: 14px !important;
    height: 14px !important;
}

/* =============================================
   TOAST VARIANTS - ENHANCED VIBRANT COLORS
   ============================================= */

/* INFO - Rich Blue */
.toast.toast-info,
.medusa-toast.info {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
    border-color: #93c5fd !important;
}

.toast.toast-info::before,
.medusa-toast.info::before {
    background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%) !important;
}

.toast.toast-info .toast-icon,
.medusa-toast.info .medusa-toast-icon {
    background: #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4) !important;
}

.toast.toast-info .toast-title,
.medusa-toast.info .medusa-toast-title {
    color: #1e40af !important;
}

.toast.toast-info .toast-message,
.medusa-toast.info .medusa-toast-message {
    color: #1e3a8a !important;
}

.toast.toast-info .toast-close,
.medusa-toast.info .medusa-toast-close {
    color: #3b82f6 !important;
}

/* SUCCESS - Vibrant Green */
.toast.toast-success,
.medusa-toast.success {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;
    border-color: #6ee7b7 !important;
}

.toast.toast-success::before,
.medusa-toast.success::before {
    background: linear-gradient(180deg, #10b981 0%, #059669 100%) !important;
}

.toast.toast-success .toast-icon,
.medusa-toast.success .medusa-toast-icon {
    background: #10b981 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4) !important;
}

.toast.toast-success .toast-title,
.medusa-toast.success .medusa-toast-title {
    color: #065f46 !important;
}

.toast.toast-success .toast-message,
.medusa-toast.success .medusa-toast-message {
    color: #064e3b !important;
}

.toast.toast-success .toast-close,
.medusa-toast.success .medusa-toast-close {
    color: #10b981 !important;
}

/* ERROR - Bold Red */
.toast.toast-error,
.medusa-toast.error {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%) !important;
    border-color: #fca5a5 !important;
}

.toast.toast-error::before,
.medusa-toast.error::before {
    background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%) !important;
}

.toast.toast-error .toast-icon,
.medusa-toast.error .medusa-toast-icon {
    background: #ef4444 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4) !important;
}

.toast.toast-error .toast-title,
.medusa-toast.error .medusa-toast-title {
    color: #991b1b !important;
}

.toast.toast-error .toast-message,
.medusa-toast.error .medusa-toast-message {
    color: #7f1d1d !important;
}

.toast.toast-error .toast-close,
.medusa-toast.error .medusa-toast-close {
    color: #ef4444 !important;
}

/* WARNING - Warm Amber */
.toast.toast-warning,
.medusa-toast.warning {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
    border-color: #fcd34d !important;
}

.toast.toast-warning::before,
.medusa-toast.warning::before {
    background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%) !important;
}

.toast.toast-warning .toast-icon,
.medusa-toast.warning .medusa-toast-icon {
    background: #f59e0b !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.4) !important;
}

.toast.toast-warning .toast-title,
.medusa-toast.warning .medusa-toast-title {
    color: #92400e !important;
}

.toast.toast-warning .toast-message,
.medusa-toast.warning .medusa-toast-message {
    color: #78350f !important;
}

.toast.toast-warning .toast-close,
.medusa-toast.warning .medusa-toast-close {
    color: #f59e0b !important;
}

/* LOADING - Cool Gray */
.toast.toast-loading,
.medusa-toast.loading {
    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%) !important;
    border-color: #d1d5db !important;
}

.toast.toast-loading::before,
.medusa-toast.loading::before {
    background: linear-gradient(180deg, #6b7280 0%, #4b5563 100%) !important;
}

.toast.toast-loading .toast-icon,
.medusa-toast.loading .medusa-toast-icon {
    background: #6b7280 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(107, 114, 128, 0.4) !important;
}

.toast.toast-loading .toast-title,
.medusa-toast.loading .medusa-toast-title {
    color: #374151 !important;
}

.toast.toast-loading .toast-message,
.medusa-toast.loading .medusa-toast-message {
    color: #4b5563 !important;
}

.toast.toast-loading .toast-close,
.medusa-toast.loading .medusa-toast-close {
    color: #6b7280 !important;
}

/* Spinner animation */
@keyframes medusaSpinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.toast.toast-loading .toast-icon svg,
.medusa-toast.loading .medusa-toast-icon svg {
    animation: medusaSpinner 1s linear infinite !important;
}

/* Mobile Responsive */
@media (max-width: 480px) {
    .toast-container,
    #toast-container {
        bottom: 16px !important;
        right: 16px !important;
        left: 16px !important;
        max-width: none !important;
    }
    
    .toast,
    .medusa-toast {
        min-width: auto !important;
        max-width: none !important;
    }
}

/* Hide old toast system */
.rp_alert_wrapper {
    display: none !important;
}