/* Mobile hamburger menu — safe to load on all pages including property detail */

@media (min-width: 767px) and (max-width: 1139px) {
    .rh_menu .main-menu {
        position: relative;
    }

    ul.rh_menu__responsive {
        width: 25rem;
        max-width: calc(100vw - 2rem);
        right: 0;
        left: auto;
    }

    ul.rh_menu__responsive.rh_menu__responsive_show {
        z-index: 100;
    }

    ul.rh_menu__responsive li a {
        color: #1a1a1a;
        white-space: normal;
        word-break: normal;
    }

    .rh_menu .rh_menu__hamburger.is-active {
        z-index: 101;
    }
}

@media (max-width: 766px) {
    .rh_menu .main-menu {
        position: static !important;
    }

    .rh_menu__responsive_slot {
        flex: 0 0 100%;
        width: 100%;
        order: 4;
    }

    ul.rh_menu__responsive {
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 0 !important;
        padding: 0 !important;
        background: #fff;
        border: 1px solid rgba(15, 26, 44, 0.12);
        border-radius: 4px;
        box-shadow: 0 8px 20px rgba(15, 26, 44, 0.08);
        display: none;
        transform: none !important;
        visibility: visible;
        opacity: 1;
        overflow: visible;
        max-height: none !important;
        height: auto !important;
        z-index: 1;
        transition: opacity 0.25s ease, transform 0.25s ease;
    }

    ul.rh_menu__responsive.rh_menu__responsive_show {
        display: block;
        transform: none !important;
        visibility: visible;
        opacity: 1;
        z-index: 1;
    }

    ul.rh_menu__responsive li a {
        color: #1a1a1a;
        white-space: normal;
        word-break: normal;
        padding: 14px 18px;
    }

    .rh_menu .rh_menu__hamburger {
        z-index: 2;
    }

    .rh_menu .rh_menu__hamburger.is-active {
        z-index: 2;
    }

    .rh_menu .rh_menu__hamburger .hamburger-inner,
    .rh_menu .rh_menu__hamburger .hamburger-inner::before,
    .rh_menu .rh_menu__hamburger .hamburger-inner::after {
        transition-duration: 0.2s;
        transition-timing-function: ease;
    }
}
