/* AysimaPOS Custom Toast System Styles */

/* Custom Toast Container */
#aysimapos-toast-container {
    z-index: 999999 !important;
}

/* Ana Toast Stilleri - Custom Toast System için */
.aysimapos-toast {
    border-radius: 8px !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    border: none !important;
    min-height: 60px !important;
    padding: 15px 20px !important;
}

/* Success Toast */
.aysimapos-toast.success {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    color: #fff !important;
}

/* Error Toast */
.aysimapos-toast.error {
    background: linear-gradient(135deg, #dc3545 0%, #fd7e14 100%) !important;
    color: #fff !important;
}

/* Warning Toast */
.aysimapos-toast.warning {
    background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%) !important;
    color: #212529 !important;
}

/* Info Toast */
.aysimapos-toast.info {
    background: linear-gradient(135deg, #17a2b8 0%, #6f42c1 100%) !important;
    color: #fff !important;
}

.toast-title {
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 4px !important;
}

.toast-message {
    font-size: 13px !important;
    line-height: 1.4 !important;
}

.toast-message ul {
    margin: 8px 0 0 0 !important;
    padding-left: 16px !important;
}

.toast-message li {
    margin: 2px 0 !important;
}

/* Toast animasyonları - Custom System için */
@keyframes aysimaposSlideInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes aysimaposSlideOutRight {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

/* Mobile responsive toast */
@media (max-width: 768px) {
    #aysimapos-toast-container {
        top: 10px !important;
        right: 10px !important;
        left: 10px !important;
        width: auto !important;
    }
    
    .aysimapos-toast {
        margin-bottom: 10px !important;
        font-size: 14px !important;
    }
}