.dropdown-menu li {
    position: relative;
}
.dropdown-menu .dropdown-submenu {
    display: none; 
    position: absolute; 
    left: 100%; 
    top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
    right: 100%; 
    left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}
/* Rippmenüü muutmine värviliseks kastiks */
.color-select {
    width: 20px;          /* Teeb menüüst ruudu */
    height: 20px;
    border-radius: 6px;
    border: 2px solid #ccc;
    cursor: pointer;
    font-size: 0;         /* Peidab dropdowni noole ja teksti, jättes alles vaid värvi */
    appearance: none;     /* Eemaldab brauseri vaikimisi noole */
    -webkit-appearance: none;
    transition: background-color 0.2s ease;
}

/* Värviklassid, mida skript reaalajas vahetab */
.color-select.red { background-color: red; }
.color-select.blue { background-color: blue; }
.color-select.black { background-color: black; }

/* Kui hiirega peale liikuda, tekib raam */
.color-select:hover {
    border-color: #333;
}

/* Rippmenüü seest näitame tekste tavaliselt (et kasutaja näeks valikuid) */
.color-select option {
    font-size: 14px;
    color: black;
    background-color: white;
}