/* Only target the :before pseudo-elements that create the ripple effect */
.rz-sidebar-toggle:not(.rz-state-disabled):before,
.rz-navigation-item-link:not(.rz-state-disabled):before,
.rz-menu-toggle:not(.rz-state-disabled):before,
.rz-button:not(.rz-state-disabled):before,
.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):before,
.rz-tabview-nav > li > a:before,
.rz-toc-link:not(.rz-state-disabled):before {
    /* Remove the ripple effect completely by setting content to none */
    content: none !important;
}

/* Also handle active states */
.rz-sidebar-toggle:not(.rz-state-disabled):active:before,
.rz-navigation-item-link:not(.rz-state-disabled):active:before,
.rz-menu-toggle:not(.rz-state-disabled):active:before,
.rz-button:not(.rz-state-disabled):active:before,
.rz-html-editor-toolbar .rz-html-editor-button:not(.rz-state-disabled):active:before,
.rz-tabview-nav > li > a:before,
.rz-toc-link:not(.rz-state-disabled):active:before {
    /* Ensure active states don't show ripple */
    content: none !important;
}

.rz-panel-menu .rz-navigation-item-link {
    background: none !important;
}
.rz-panel-menu .rz-navigation-item-link:not(.rz-state-disabled):active {
    background: none !important;
}