.musicxml-slide {
    background: #fff;
    padding: 20px;
    display: flex;
    justify-content: center;
}

.musicxml-slide::before {
    content: "🎼 Sheet Music Preview";
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.osmd-container {
    width: 100%;
    max-height: 650px;
    overflow: auto;
    position: relative;
}

.osmd-container::after {
    content: "PREVIEW";
    position: absolute;
    font-size: 80px;
    opacity: 0.15;
    transform: rotate(-30deg);
    pointer-events: none; /* Prevents the watermark from blocking clicks */
}

/* Force ONLY the SVG to be responsive, leaving the cursor alone */
.osmd-container svg {
    width: 100% !important;
    height: auto !important;
    background-color: transparent !important;
}

/* Prevent Elementor from turning the SVG solid black */
.custom-featured-player svg,
.sheet-player svg {
    fill: none !important;
}

/* Ensure OSMD notes retain their black color */
.osmd-container svg path, 
.osmd-container svg text, 
.osmd-container svg rect {
    fill: inherit; 
}

/* Explicitly protect the OSMD cursor (which uses z-index) from stretching */
.osmd-container div[style*="z-index"] {
    width: auto !important;
    max-width: none !important;
}