/* Native WordPress Primary Menu: compact 13-item layout for the BDITHOME theme.
 * Only active when the opt-in/reference menu has the Primary theme location.
 * Mobile dropdown retains the theme's native jQuery toggle and interactions.
 */
@media (min-width: 768px) {
    body.bdhls-nav-preset-active .main-menu-area > .container > .flex > div.hidden {
        min-width: 0;
    }
    body.bdhls-nav-preset-active .main-menu-area > .container > .flex > div.hidden > div > ul {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center;
        justify-content: flex-start;
        gap: 2px 9px !important;
        min-width: 0;
        max-width: 100%;
    }
    body.bdhls-nav-preset-active .main-menu-area > .container > .flex > div.hidden > div > ul > li {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    body.bdhls-nav-preset-active .main-menu-area > .container > .flex > div.hidden > div > ul > li > a {
        display: inline-block;
        padding: 5px 2px;
        line-height: 1.5;
        font-size: clamp(12px, 1vw, 14px) !important;
        font-weight: 600;
        white-space: nowrap;
        text-decoration: none;
    }
    body.bdhls-nav-preset-active .main-menu-area > .container > .flex > div.hidden > div > ul > li > a:hover,
    body.bdhls-nav-preset-active .main-menu-area > .container > .flex > div.hidden > div > ul > li.current-menu-item > a {
        color: #ffe577;
    }
}
@media (max-width: 767px) {
    body.bdhls-nav-preset-active #mobile-menu ul {
        max-width: 100%;
    }
    body.bdhls-nav-preset-active #mobile-menu ul li > a {
        overflow-wrap: anywhere;
    }
}