/* DxMenu Auto-Close Enhancement Styles */

/* Ensure dropdown dialogs maintain proper pointer events */
dxbl-dropdown-dialog {
    pointer-events: auto !important;
}

/* Improve hover behavior for menu items in dropdown dialogs */
dxbl-dropdown-dialog dxbl-menu-item,
dxbl-dropdown-dialog [class*="menu-item"] {
    pointer-events: auto !important;
}

/* Add smooth transition for dropdown visibility changes */
dxbl-dropdown-dialog.auto-close-transitioning {
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

/* Ensure submenu areas don't interfere with mouse tracking */
dxbl-dropdown-dialog .dropdown-menu,
dxbl-dropdown-dialog [class*="submenu"] {
    pointer-events: auto !important;
}

/* Style for when dropdown is being hidden by auto-close */
dxbl-dropdown-dialog.auto-close-hidden {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

/* DxDrawer Auto-Close Enhancement Styles */

/* Ensure drawer and its content maintain proper pointer events for auto-close detection */
/*dxbl-drawer {
    pointer-events: auto !important;
}

.dxbl-drawer-content {
    pointer-events: auto !important;*/
    /* Ensure the content area properly captures mouse events */
    /*position: relative;
}*/

/* Ensure drawer panel maintains proper pointer events */
/*dxbl-drawer-panel {
    pointer-events: auto !important;
}*/

/* Smooth transition for drawer state changes */
/*dxbl-drawer.auto-close-transitioning {
    transition: all 0.3s ease-in-out;
}*/

/* Ensure toolbar buttons maintain proper pointer events for drawer control */
dxbl-toolbar-item,
.dx-icon-menu {
    pointer-events: auto !important;
    cursor: pointer;
}

/* Visual feedback for drawer auto-close state - subtle hover effect */
/*.dxbl-drawer-content:hover {*/
    /* Very subtle visual feedback when hovering over drawer content */
    /*background-color: rgba(0, 0, 0, 0.005);
}*/

/* Ensure all interactive elements within drawer maintain pointer events */
.dxbl-drawer-content * {
    pointer-events: auto;
}

/* Debug styles - uncomment to visualize drawer content area */
/*
.dxbl-drawer-content {
    border: 2px dashed red !important;
}
dxbl-drawer-panel {
    border: 2px solid blue !important;
}
*/