/*
 Theme Name:   hello-elementor Child
 Template:     hello-elementor
*/

/* keep Elementor control */
.elementor-nav-menu .sub-menu {
    display: none;
}

/* when Elementor opens submenu */
.elementor-nav-menu li:hover > .sub-menu,
.elementor-nav-menu li.elementor-active > .sub-menu,
.elementor-nav-menu li.highlighted > .sub-menu {
    display: grid !important;
    grid-template-columns: repeat(2, max-content);
    width: max-content;
    min-width: 220px;
}

/* Hover effect (including when item is current/active) */
.elementor-nav-menu--dropdown .elementor-sub-item:hover,
.elementor-nav-menu--dropdown .elementor-sub-item.current:hover,
.elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active:hover {
    background-color: #cfff92 !important;
    color: #000000 !important;
    border-radius: 8px !important;
}

/* Make active/current look normal when NOT hovered */
.elementor-nav-menu--dropdown .elementor-sub-item.current,
.elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active {
    background-color: transparent !important;
    color: #fff  !important;
    border-radius: 0 !important;
}

/* ---------- MOBILE COLUMN WIDTH FIX ---------- */
@media (max-width: 767px){

    .elementor-nav-menu li:hover > .sub-menu,
    .elementor-nav-menu li.elementor-active > .sub-menu,
    .elementor-nav-menu li.highlighted > .sub-menu {

        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        width: 100%;
        max-width: 100%;
       
        /* padding: 6px; */
    }

    /* allow wrapping so text fits */
    .elementor-nav-menu .elementor-sub-item{
        white-space: normal;
        word-break: break-word;
        padding: 10px 8px !important;
        line-height: 1.5;
    }

}