/* =========================================
   Mobile Menu Toggle - Force Visibility
   Ensures toggle button is visible on all pages
   ========================================= */

/* Force toggle button visibility on mobile */
@media (max-width: 991.98px) {
  /* All possible selectors for the toggle button */
  button.navbar-toggler,
  button.navbar-toggler.nav-toggle,
  .navbar-toggler,
  .navbar-toggler.nav-toggle,
  .nav-toggle,
  .site-header .navbar-toggler,
  .site-header button.navbar-toggler,
  header .navbar-toggler,
  header button.navbar-toggler {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1031 !important;
    order: 2;
    margin-left: auto;
  }

  /* Ensure the icon inside is visible */
  .navbar-toggler-icon,
  .navbar-toggler .navbar-toggler-icon,
  button.navbar-toggler .navbar-toggler-icon {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Ensure container allows toggle to show */
  .navbar > .container,
  .site-header > .container,
  header > .container {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
  }

  /* Brand positioning */
  .navbar-brand {
    order: 1;
    flex-shrink: 0;
    margin-right: auto;
  }
}

/* Additional fix for smaller screens */
@media (max-width: 768px) {
  button.navbar-toggler,
  .navbar-toggler,
  .nav-toggle {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-left: auto;
    margin-right: 0;
  }
}