/* --- MOBILE NAV RESET: revert to simple Bootstrap collapse (desktop untouched) --- */
@media (max-width: 991.98px) {

  /* Keep the bar fixed at the top on mobile */
  #home-nav.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
    /* optional: light translucency so logo/toggler stay readable */
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  /* Create space for the fixed bar on mobile only */
  body {
    padding-top: 64px; /* tweak to your navbar height */
  }

  /* ⬇️ Kill the full-screen/overlay rules we added earlier */
  #home-nav .navbar-collapse {
    position: static !important;   /* no absolute/fixed */
    height: auto !important;
    max-height: none !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    padding: 0 !important;
    transition: height .35s ease;  /* default BS feel */
  }

  /* Default Bootstrap collapse show/hide */
  #home-nav .navbar-collapse.collapse:not(.show) {
    display: none !important;
  }
  #home-nav .navbar-collapse.collapse.show {
    display: block !important;
    height: auto !important;
  }

  /* Keep the toggler clickable above any content */
  #home-nav .navbar-toggler {
    position: relative;
    z-index: 1050;
  }

  /* Mobile menu layout (stacked list) */
  #home-nav .navbar-nav {
    align-items: flex-start;
    gap: .5rem;
  }

  /* Language dropdown: render inline inside the menu on mobile */
  #home-nav .dropdown-menu {
    position: static !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    text-align: left;
  }
  #home-nav .dropdown-item {
    padding-left: 0;
  }
}

/* adjust only on mobile where the nav is fixed */
@media (max-width: 991.98px) {
  :root { --nd-nav-height: 64px; } 
  body { padding-top: var(--nd-nav-height); }
}

/* if you're logged into WP (admin bar on top), add its height too */
@media (max-width: 991.98px) {
  body.admin-bar { padding-top: calc(var(--nd-nav-height) + 46px); } /* admin bar is ~46px on mobile */
}