/* Navigation dropdown fix for homepage */
/* Ensure dropdown shows on hover even before JS initializes */

@media (min-width: 769px) {
    .navpro.orientation-horizontal .navpro-dropdown {
        max-height: none !important;
        overflow: visible !important;
        position: absolute;
        left: -99999px;
        top: -99999px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s ease, visibility 0.2s ease;
        background: #fff;
        border: 1px solid #eaeaea;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        min-width: 230px;
        z-index: 100;
    }
    
    /* Show dropdown on hover */
    .navpro.orientation-horizontal .level0.parent:hover > .navpro-dropdown,
    .navpro.orientation-horizontal .level0.parent:focus-within > .navpro-dropdown,
    .navpro.orientation-horizontal .level0.parent > .navpro-dropdown.shown {
        left: 0;
        top: 100%;
        opacity: 1;
        visibility: visible;
    }
    
    /* Sub-level dropdowns */
    .navpro.orientation-horizontal .navpro-dropdown .parent:hover > .navpro-dropdown,
    .navpro.orientation-horizontal .navpro-dropdown .parent:focus-within > .navpro-dropdown,
    .navpro.orientation-horizontal .navpro-dropdown .parent > .navpro-dropdown.shown {
        left: 100%;
        top: 0;
        opacity: 1;
        visibility: visible;
    }
}