/* Fix for notifications to appear above Intercom widget */
.notify {
    z-index: 2147483647 !important;
}

/* Specific selectors for different notification libraries */
.alert,
.toast,
.notification,
[data-notify],
.notifyjs-wrapper,
.notifyjs-container {
    z-index: 2147483647 !important;
}

/* Laravel Notify specific */
.laravel-notify {
    z-index: 2147483647 !important;
}

/* Ensure all notification containers are above Intercom */
div[class*="notify"],
div[id*="notify"],
div[class*="alert"],
div[class*="toast"] {
    z-index: 2147483647 !important;
}

/* Additional positioning for fixed notifications */
.fixed-notification {
    position: fixed !important;
    z-index: 2147483647 !important;
    top: 20px !important;
    right: 20px !important;
}

/* Kitchen Notification Specific Styles */
.kitchen-notification {
    z-index: 2147483647 !important;
    font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    direction: ltr; /* Force LTR for consistent layout */
    text-align: left;
}

/* Arabic language support for kitchen notifications */
html[dir="rtl"] .kitchen-notification {
    right: auto !important;
    left: 20px !important;
    direction: rtl;
    text-align: right;
}

/* Better mobile responsiveness */
@media (max-width: 768px) {
    .kitchen-notification {
        left: 10px !important;
        right: 10px !important;
        min-width: auto !important;
        max-width: calc(100vw - 20px) !important;
    }
}

/* Pulse animation for urgent notifications */
@keyframes kitchenPulse {
    0% { box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
    50% { box-shadow: 0 4px 20px rgba(45, 206, 137, 0.4); }
    100% { box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
}

.kitchen-notification {
    animation: slideInRight 0.3s ease-out, kitchenPulse 2s infinite !important;
}

/* Intercom widget has z-index around 2147483000, so we use max value */
/* This ensures notifications are always visible above chat widget */