/**
 * Z-Index Layer Management for Onboarding
 * Ensures proper stacking order of all elements during tour
 */

/* Layer 1: Base overlay (dark background) */
.driver-overlay {
    z-index: 9999 !important;
}

/* Layer 2: Highlighted elements */
.driver-highlighted,
.driver-highlighted-element {
    z-index: 10000 !important;
    position: relative !important;
}

/* Layer 3: Driver.js popover */
.driver-popover {
    z-index: 10001 !important;
}

/* Layer 4: SweetAlert modals (must be above tour) */
.swal2-container {
    z-index: 10002 !important;
}

/* Layer 5: Onboarding widget */
.onboarding-widget {
    z-index: 10003 !important;
}

/* Ensure interactive elements during tour */
.driver-active .driver-highlighted-element {
    pointer-events: auto !important;
}

/* Ensure the overlay doesn't block the highlighted element */
.driver-active .driver-overlay {
    pointer-events: none !important;
}

/* Allow popover interactions */
.driver-active .driver-popover,
.driver-active .driver-popover * {
    pointer-events: auto !important;
}