/* user.css ----------------------------------------------------------------- */
/* Please don't edit the original of this file.
 * Instead copy into a template and edit the copy.
 */



/* Multi-level dropdown menu styling */
.dropdown-menu .dropend .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-top: -0.5rem;
    margin-left: 0.1rem;
}

/* Hover effect voor submenu's */
.dropdown-menu .dropend:hover > .dropdown-menu {
    display: block;
}

/* Zorg dat het menu zichtbaar blijft tijdens hover */
.dropdown-menu .dropend > .dropdown-toggle:active {
    pointer-events: none;
}

/* Styling voor de submenu pijltjes */
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropend .dropdown-toggle::after {
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    vertical-align: middle;
}

/* Voor betere zichtbaarheid op mobiel */
@media (max-width: 768px) {
    .dropdown-menu .dropend .dropdown-menu {
        position: static;
        left: auto;
        margin-left: 1rem;
    }
}