/* Menu ngang */
#menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

/* Item */
#menu li {
    position: relative;
}

/* Link */
#menu a {
    display: block;
    padding: 12px 18px;
    color: white;
    text-decoration: none;
    background: linear-gradient(to right, #6a0dad, #8a2be2);
    border-right: 1px solid white;
}

/* Hover */
#menu a:hover {
    background: oldlace;
    color: black;
}

/* Active (ô đầu màu vàng nhạt giống hình) */
.active > a {
    background: #e6d8a8;
    color: black;
}

/* Submenu cấp 1 (xổ xuống) */
.submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    min-width: 200px;
}

/* Submenu cấp 2 (xổ ngang) */
.submenu .submenu {
    top: 0;
    left: 100%;
}

/* Hiện menu */
#menu li:hover > .submenu {
    display: block;
}