/* Disable Radzen ripple effect on navigation items */
.rz-navigation-item-link::before,
.rz-navigation-item-link:active::before,
.rz-navigation-item-link:hover::before,
.rz-navigation-item-link:focus::before,
.rz-navigation-item-link-active::before,
.rz-navigation-item-link.active::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background-image: none !important;
    animation: none !important;
    transform: none !important;
    pointer-events: none !important;
}

.rz-navigation-item-link::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.rz-navigation-item-wrapper::before,
.rz-navigation-item-wrapper::after {
    display: none !important;
}

/* Override the specific Radzen ripple rule with higher specificity */
.rz-navigation-menu .rz-navigation-item-link:not(.rz-state-disabled)::before,
.rz-panel-menu .rz-navigation-item-link:not(.rz-state-disabled)::before {
    display: none !important;
}

.rz-navigation-menu .rz-navigation-item-link:not(.rz-state-disabled):active::before,
.rz-panel-menu .rz-navigation-item-link:not(.rz-state-disabled):active::before {
    display: none !important;
    opacity: 0 !important;
    background-size: 15000% !important;
}

/* Kill Radzen's background-based ripple on the link element itself.
   Radzen applies a radial-gradient background-image + background-color
   directly on the <a> link, not just on ::before pseudo-elements. */
.rz-navigation-item-link,
.rz-navigation-item-link:active,
.rz-navigation-item-link:hover,
.rz-navigation-item-link:focus,
.rz-navigation-item-link-active,
.rz-navigation-item-link-active:active,
.rz-navigation-item-link-active:hover,
.rz-navigation-item-link-active:focus {
    background-image: none !important;
    background-color: transparent !important;
}

/* Override Radzen theme borders/outlines on navigation wrappers globally.
   Scoped ::deep selectors can lose to Radzen's global theme CSS during
   sidebar expand transitions, causing a brief white rounded border flash. */
.rz-panel-menu .rz-navigation-item-wrapper,
.rz-panel-menu .rz-navigation-item-wrapper-active,
.rz-navigation-menu .rz-navigation-item-wrapper,
.rz-navigation-menu .rz-navigation-item-wrapper-active {
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}