/*
GPRO CSS: Tree Menu
Description: Turns a Divi menu module into an always-open vertical tree — no hamburger, submenus rendered statically beneath their parent.
Classes: .gpro-tree-menu
Version: 1.0
Order: 20
*/

/* Add .gpro-tree-menu to a Divi Menu module. */

/* No hamburger, always show menu */
.gpro-tree-menu .mobile_nav          { display: none !important; }
.gpro-tree-menu .et_pb_menu__menu    { display: block !important; }

/* Top level: vertical list */
.gpro-tree-menu .et-menu {
    display:        flex !important;
    flex-direction: column !important;
    align-items:    flex-start !important;
    gap:            4px;
}

/* Each item is a normal block */
.gpro-tree-menu .et-menu > li,
.gpro-tree-menu .sub-menu > li {
    display: block !important;
    margin:  0 !important;
}

/* "Has children" items become a column so submenu drops BELOW */
.gpro-tree-menu .et-menu li.menu-item-has-children {
    display:        flex !important;
    flex-direction: column !important;
    align-items:    flex-start !important;
}

/* Submenus: always visible, not positioned to the side */
.gpro-tree-menu .sub-menu {
    display:    block !important;
    position:   static !important;   /* kills dropdown positioning */
    left:       auto !important;
    top:        auto !important;
    float:      none !important;
    transform:  none !important;
    opacity:    1 !important;
    visibility: visible !important;

    margin:     4px 0 0 0 !important;
    padding:    0 !important;
    width:      auto !important;

    background: transparent !important;
    box-shadow: none !important;
    border:     0 !important;
}