/* --- Fix for Mobile / Touch Overlays Blocking Canvas --- */
#courseCanvas { touch-action: none; }
/* Ensure UI overlay containers don't block touch/pointer interactions with the canvas underneath */
.toolbar-container-wrapper, 
.ui-overlay, 
.toolbar-sidebar {
    pointer-events: none;
}

/* Re-enable pointer events specifically on interactive elements inside those wrappers so buttons still work */
.toolbar-container-wrapper button, 
.toolbar-sidebar button, 
input, 
select, 
.interactive-element {
    pointer-events: auto;
}

.tooltip-container-class {
    width: 100%;
    margin-top: 20px;
    box-sizing: border-box;
    
    /* Clean static styling */
    background-color: rgba(216, 1, 199, 0.666);
    padding: 8px 8px;
    box-shadow: 0 2px 6px rgba(216, 1, 199, 0.666);
}

.tooltip-item-class {
    width: 100%;
    padding: 8px 0px;
    font-size: 16px;
    line-height: 1.2;
    background-color: #1e0637;
    color: #ffffff;
    text-align: center; /* Optional: centers your tip text */


}