/* =========================
   DROPDOWN NIVEL 1
========================= */

.submenu{
    position:absolute;

    top:120%;
    left:0;

    min-width:260px;

    background:white;

    border-radius:18px;

    padding:10px 0;

    box-shadow:
        0 20px 50px rgba(0,0,0,0.12);

    opacity:0;
    visibility:hidden;

    transform:
        translateY(15px)
        scale(0.98);

    transition:0.28s ease;

    z-index:9999;
}

/* afisare */
.dropdown:hover .submenu{
    opacity:1;
    visibility:visible;

    transform:
        translateY(0)
        scale(1);
}

/* linkuri */
.submenu li a{
    display:block;

    padding:14px 20px;

    color:#222;

    font-size:14px;
    font-weight:500;

    transition:0.25s ease;
}

/* hover */
.submenu li a:hover{
    background:#f3f8ff;

    color:var(--primary);

    padding-left:26px;
}

/* =========================
   SUBMENU NIVEL 2
========================= */

.dropdown-submenu{
    position:relative;
}

/* submenu secundar */
.submenu-second{
    position:absolute;

    top:0;

    right:100%;

    min-width:240px;

    background:white;

    border-radius:18px;

    padding:10px 0;

    box-shadow:
        0 20px 50px rgba(0,0,0,0.12);

    opacity:0;
    visibility:hidden;

    transform:
        translateX(-15px)
        scale(0.98);

    transition:0.28s ease;

    z-index:10000;
}

/* afisare */
.dropdown-submenu:hover .submenu-second{
    opacity:1;
    visibility:visible;

    transform:
        translateX(0)
        scale(1);
}

/* linkuri */
.submenu-second li a{
    display:block;

    padding:14px 20px;

    color:#222;

    font-size:14px;

    transition:0.25s ease;
}

/* hover */
.submenu-second li a:hover{
    background:#eef5ff;

    color:var(--primary);

    padding-left:26px;
}