/* ===========================================================
   Mobile sticky navbar fix
   Keeps the header (logo + hamburger menu) fixed to the top
   of the screen at all times on mobile, whether the user
   scrolls down or up. Desktop behaviour is untouched.
=========================================================== */
@media (max-width: 991px) {
  .cs_site_header.cs_sticky_header {
    position: fixed !important;
    top: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: #fff;
  }

  /* Once the page is scrolled, add a subtle shadow so the
     stuck navbar is visually separated from the content below */
  .cs_site_header.cs_sticky_header.cs_gescout_sticky {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  }
}