/* stickeymenu.css */

#collapseExample {
  /* Ensure it sits on top of all standard page content */
  position: relative;
  z-index: 1050; /* Lower than sticky-element (1060) */
  /* Optional: If it's overhanging, ensure it has a background 
       so content underneath doesn't bleed through */
  background-color: white;
}
.navbar-example {
  z-index: 1061 !important;
}
/* If the div is part of the sticky element, 
   make sure the parent container also has a z-index */
.sticky-element {
  position: sticky;
  top: 0;
  z-index: 1060 !important; /* Highest layer */
}
/* Desktop Specifics */
@media (min-width: 992px) {
  /* We don't force 'display: block' anymore so the toggle can work.
       Instead, we just ensure it looks correct when it IS open. */
  #collapseExample.collapse.show {
    display: block;
  }
}

/* Mobile Specifics */
@media (max-width: 991.98px) {
  /* Ensure it starts hidden on mobile even if 'show' is present briefly */
  #collapseExample.collapse:not(.show) {
    display: none;
  }
}