/*
Theme Name: Nivasa Estates Child
Theme URI: https://weavelinx.com/themes/nivasa-estates
Template: nivasaestates
Author: Weavelinx
Author URI: https://weavelinx.com
Description: A premium property listing theme designed for real estate portals. Features customizable headers, colors, content sections, and seamless integration with Weavelinx Property Listing plugin. Requires valid license for activation.
Tags: real-estate,property-listing,customizer,custom-colors,custom-header,custom-menu,featured-images
Version: 1.2.1.1783761001
Updated: 2026-07-11 14:40:01

*/
/* R9 Properties - Services submenu fix */

/* Desktop submenu */
@media (min-width: 992px) {

    #primary-menu > li.menu-item-has-children {
        position: relative !important;
    }

    #primary-menu > li.menu-item-has-children > ul.sub-menu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        z-index: 999999 !important;

        display: block !important;
        min-width: 290px !important;
        margin: 0 !important;
        padding: 8px 0 !important;

        background: #ffffff !important;
        border: 1px solid #e6e6e6 !important;
        border-radius: 8px !important;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15) !important;
        list-style: none !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(8px) !important;
        transition: all 0.2s ease !important;
    }

   #primary-menu > li.menu-item-has-children.submenu-open > ul.sub-menu {
    
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    #primary-menu ul.sub-menu li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #primary-menu ul.sub-menu li a {
        display: block !important;
        width: 100% !important;
        padding: 12px 18px !important;
        color: #222222 !important;
        background: #ffffff !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
        white-space: normal !important;
    }

    #primary-menu ul.sub-menu li a:hover {
        color: #1a73e8 !important;
        background: #f5f7fa !important;
    }
}

/* Mobile submenu initially closed */
@media (max-width: 991px) {

    #mobile-menu-nav li.menu-item-has-children > ul.sub-menu {
        display: none !important;
        margin: 6px 0 4px 14px !important;
        padding: 0 !important;
        list-style: none !important;
    }

    #mobile-menu-nav li.menu-item-has-children.submenu-open > ul.sub-menu {
        display: block !important;
    }

    #mobile-menu-nav li.menu-item-has-children > a {
        position: relative !important;
        padding-right: 28px !important;
    }

    #mobile-menu-nav li.menu-item-has-children > a::after {
        content: "⌄";
        position: absolute;
        right: 4px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
    }

    #mobile-menu-nav li.menu-item-has-children.submenu-open > a::after {
        content: "⌃";
    }

    #mobile-menu-nav ul.sub-menu li a {
        display: block !important;
        padding: 9px 8px !important;
        font-size: 13px !important;
    }
}