@media (max-width: 768px) {
    .top-nav {
        display: none !important;
    }
}
/* Hide ALL original Rowling theme menus and toggles on ALL screen sizes */
.nav-toggle,
.menu-toggle,
#nav-toggle,
#menu-toggle,
#top-navigation,
#site-navigation,
.main-navigation,
.header-navigation,
.site-header nav,
.site-header .nav-menu,
#top-header-menu,
#bottom-header-menu,
.top-header-menu,
.bottom-header-menu,
.header-menu {
  display: none !important;
}

/* Make sure WPR Pro burger/icon stays visible - inspect your burger to confirm class if needed */
#wprmenu_bar,
.wprmenu_bar,
.wpr-menu-toggle,
.resp-menu-pro-toggle,
.hamburger-menu-toggle {
  display: block !important;
  z-index: 9999 !important; /* bring to front if overlapped */
}
/* Restore burger visibility & priority (mobile/desktop) */
.menu-toggle,
button.menu-toggle,
.nav-toggle {
    display: block !important;
    z-index: 99999 !important;
    position: relative !important;
    background: #fff !important;
    border: 1px solid #ccc !important;
    padding: 8px 12px !important;
    pointer-events: auto !important;
}

/* Kill white strip from the custom container */
#jlg_sb,
div[style*="height:50px"][style*="background:#fff"],
.jlg_column_12.jlg-sb-style-1,
#jlg-top-search {
    background: none !important;
    background-color: transparent !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 5px 10px !important;  /* minimal breathing room */
    margin: 0 !important;
    border: none !important;
    overflow: visible !important;
}

/* Push search container to right without messing layout */
#jlg-top-search,
.jlg_column_12.jlg-sb-style-1,
#jlg_search_bar {
    margin-left: auto !important;      /* key: pushes to right in parent flex/row */
    float: right !important;           /* fallback for non-flex parents */
    text-align: right !important;
    width: auto !important;
    max-width: 350px !important;       /* prevent full-width stretch */
}

/* Mobile adjustments: Prevent overlap, keep burger accessible */
@media only screen and (max-width: 1024px) {
    #jlg-top-search {
        margin-left: auto !important;
        margin-right: 10px !important; /* space from right edge */
    }

    .menu-toggle {
        margin-left: 10px !important;  /* space from left */
        z-index: 100000 !important;    /* extra high to beat any overlap */
    }
}
@media only screen and (max-width: 1024px) {  /* or your theme's mobile breakpoint; 1024px is common for Rowling */

    /* Lower z-index / send search bar to back when menu is open */
    #jlg-top-search,
    .jlg_column_12.jlg-sb-style-1,
    #jlg_search_bar,
    .jlg-top-search,
    form#jlg_search_bar {
        z-index: 1 !important;           /* low value: behind everything */
        position: relative !important;   /* ensure it's not fixed/absolute causing issues */
    }

    /* Boost the opened mobile menu to front (highest priority) */
    .main-navigation.toggled,
    .main-navigation.toggled ul,
    .menu.toggled-on,
    .main-navigation,
    .primary-menu,
    .mobile-menu,
    nav[aria-expanded="true"] {          /* common classes for toggled state */
        z-index: 9999 !important;        /* very high: menu wins */
        position: relative !important;   /* or fixed/absolute if overlay */
    }

    /* If menu is an overlay/fullscreen, ensure body doesn't block */
    body.menu-open,
    body.toggled,
    body.admin-bar .toggled {            /* if using admin bar */
        overflow: hidden !important;     /* optional: prevents scroll behind menu */
    }

    /* Safety: Burger itself stays clickable */
    .menu-toggle {
        z-index: 10000 !important;       /* above search and menu */
    }
}
@media only screen and (max-width: 1024px) {

    /* Make sure search bar is present but low priority */
    #jlg-top-search,
    .jlg_column_12.jlg-sb-style-1,
    #jlg_search_bar,
    form#jlg_search_bar,
    #jlg_search_field,
    #jlg_search_bar input {
        position: relative !important;
        z-index: 5 !important;          /* Low - behind menu when open */
    }