
/* Modern Mobile Menu Overrides */
@media (max-width: 991px) {
    /* Target both standard and home page mobile menus */
    .mobile_menu_content,
    .rx-mobile_menu_content {
        width: 100% !important;
        right: -100% !important; /* Start off-screen */
        left: auto;
        background: rgba(18, 18, 18, 0.98) !important;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        box-shadow: none !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1) !important;
        padding: 20px !important;
        height: 100vh !important;
        position: fixed !important;
        top: 0 !important;
        z-index: 9999 !important;
    }

    /* Active state for standard menu */
    .mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
        right: 0 !important;
    }

    /* Active state for home page menu */
    .rx-mobile_menu_wrap.mobile_menu_on .rx-mobile_menu_content {
        right: 0 !important;
    }

    /* Logo Styling */
    .mobile_menu_content .m-brand-logo,
    .rx-mobile_menu_content .m-brand-logo {
        margin-bottom: 40px;
        filter: brightness(0) invert(1); /* Make logo white */
        opacity: 0.9;
        text-align: center;
        width: 100%;
    }
    
    .m-brand-logo img {
        max-width: 180px;
    }

    /* Navigation List Items */
    .mobile_menu_content .main-navigation .navbar-nav li,
    .rx-mobile_menu_content .rx-mobile-main-navigation .navbar-nav li {
        border: none !important;
        text-align: center;
        margin-bottom: 15px;
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.3s ease;
        display: block;
        width: 100%;
    }

    /* Animation on open - Standard */
    .mobile_menu_wrap.mobile_menu_on .main-navigation .navbar-nav li {
        opacity: 1;
        transform: translateY(0);
    }
    
    /* Animation on open - Home */
    .rx-mobile_menu_wrap.mobile_menu_on .rx-mobile-main-navigation .navbar-nav li {
        opacity: 1;
        transform: translateY(0);
    }
    
    /* Staggered animation loop for standard menu */
    .mobile_menu_wrap.mobile_menu_on .main-navigation .navbar-nav li:nth-child(1) { transition-delay: 0.1s; }
    .mobile_menu_wrap.mobile_menu_on .main-navigation .navbar-nav li:nth-child(2) { transition-delay: 0.15s; }
    .mobile_menu_wrap.mobile_menu_on .main-navigation .navbar-nav li:nth-child(3) { transition-delay: 0.2s; }
    .mobile_menu_wrap.mobile_menu_on .main-navigation .navbar-nav li:nth-child(4) { transition-delay: 0.25s; }
    .mobile_menu_wrap.mobile_menu_on .main-navigation .navbar-nav li:nth-child(5) { transition-delay: 0.3s; }
    .mobile_menu_wrap.mobile_menu_on .main-navigation .navbar-nav li:nth-child(6) { transition-delay: 0.35s; }
    .mobile_menu_wrap.mobile_menu_on .main-navigation .navbar-nav li:nth-child(7) { transition-delay: 0.4s; }

    /* Staggered animation loop for home menu */
    .rx-mobile_menu_wrap.mobile_menu_on .rx-mobile-main-navigation .navbar-nav li:nth-child(1) { transition-delay: 0.1s; }
    .rx-mobile_menu_wrap.mobile_menu_on .rx-mobile-main-navigation .navbar-nav li:nth-child(2) { transition-delay: 0.15s; }
    .rx-mobile_menu_wrap.mobile_menu_on .rx-mobile-main-navigation .navbar-nav li:nth-child(3) { transition-delay: 0.2s; }
    .rx-mobile_menu_wrap.mobile_menu_on .rx-mobile-main-navigation .navbar-nav li:nth-child(4) { transition-delay: 0.25s; }
    .rx-mobile_menu_wrap.mobile_menu_on .rx-mobile-main-navigation .navbar-nav li:nth-child(5) { transition-delay: 0.3s; }
    .rx-mobile_menu_wrap.mobile_menu_on .rx-mobile-main-navigation .navbar-nav li:nth-child(6) { transition-delay: 0.35s; }
    .rx-mobile_menu_wrap.mobile_menu_on .rx-mobile-main-navigation .navbar-nav li:nth-child(7) { transition-delay: 0.4s; }

    /* Links Styling */
    .mobile_menu_content .main-navigation .navbar-nav li a,
    .rx-mobile_menu_content .rx-mobile-main-navigation .navbar-nav li a {
        font-size: 24px;
        font-weight: 600;
        color: #ffffff !important;
        padding: 10px 0;
        position: relative;
        display: inline-block;
        width: auto;
    }

    /* Link Underline Effect */
    .mobile_menu_content .main-navigation .navbar-nav li a:after,
    .rx-mobile_menu_content .rx-mobile-main-navigation .navbar-nav li a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 5px;
        left: 50%;
        background-color: #b89b5e;
        transition: all 0.3s ease;
        transform: translateX(-50%);
        display: block !important;
    }

    .mobile_menu_content .main-navigation .navbar-nav li a:hover:after,
    .rx-mobile_menu_content .rx-mobile-main-navigation .navbar-nav li a:hover:after {
        width: 100%;
    }

    /* Close Button */
    .mobile_menu .mobile_menu_close,
    .rx-mobile_menu_content .rx-mobile_menu_close {
        top: 30px;
        right: 30px;
        left: auto;
        color: #fff;
        font-size: 28px;
        background: rgba(255, 255, 255, 0.1);
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        border-radius: 50%;
        transition: all 0.3s ease;
        position: absolute;
    }

    .mobile_menu .mobile_menu_close:hover,
    .rx-mobile_menu_content .rx-mobile_menu_close:hover {
        background: #b89b5e;
        color: #fff;
        transform: rotate(90deg);
    }

    /* Hide extra elements */
    .free_call_nm, .m_social_area {
        display: none !important;
    }

    /* Style the Get Quote/Book Consultation Button */
    .m_get_quote {
        display: block !important;
        margin-top: 30px;
        text-align: center;
        opacity: 0;
        animation: fadeIn Up 0.5s ease 0.5s forwards;
    }

    .mobile_menu_wrap.mobile_menu_on .m_get_quote,
    .rx-mobile_menu_wrap.mobile_menu_on .m_get_quote {
        opacity: 1;
    }

    .m_get_quote a {
        background: #b89b5e;
        color: #fff !important;
        font-weight: 600;
        border-radius: 30px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 14px;
        padding: 15px 40px;
        display: inline-block;
        transition: all 0.3s ease;
        box-shadow: 0 5px 15px rgba(184, 155, 94, 0.3);
    }

    .m_get_quote a:hover {
        background: #fff;
        color: #b89b5e !important;
        transform: translateY(-2px);
    }

    /* Mobile Header Icons */
    .mobile_menu_button,
    .rx-mobile_menu_button {
        color: #b89b5e !important;
        font-size: 24px;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
    }

    /* Modern Mobile Footer */
    .footer_content .col-md-12,
    .footer_content .col-lg-4 {
        margin-bottom: 40px;
        text-align: center;
    }

    .footer_widget .widget_title {
        justify-content: center;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .footer_widget .widget_title:before,
    .footer_widget .widget_title:after,
    .footer_widget .title_shape_left {
        display: none !important;
    }

    .footer_social.ul-li ul {
        justify-content: center;
        display: flex;
    }
    
    .footer_copyright_content .col-md-12,
    .footer_copyright_content .col-lg-4 {
        text-align: center !important;
        margin-bottom: 20px;
    }
    
    .copyright_text {
        text-align: center !important;
    }

    /* Ensure dropdowns are visible if they exist (though we simplified nav) */
    .mobile_menu_content .navbar-nav .dropdown-menu,
    .rx-mobile_menu_content .navbar-nav .dropdown-menu {
        background: transparent;
        border: none;
    }
}
