/* ============================================
   MOBILE HAMBURGER EMERGENCY VISIBILITY FIX
   ============================================ */

/* CRITICAL: Ensure hamburger is always visible */
.ts-nav-toggle {
  /* Visual prominence */
  background: rgb(0 0 0 / 30%) !important;
  border: 2px solid rgb(255 255 255 / 60%) !important;
  border-radius: 8px !important;
  backdrop-filter: blur(4px) !important;
}

.ts-nav-toggle:hover {
  background: rgb(0 163 92 / 30%) !important;
  border-color: #00e184 !important;
}

.ts-hamburger__line {
  /* Maximum visibility */
  background: #ffffff !important;
  height: 3px !important;
  box-shadow:
    0 1px 2px rgb(0 0 0 / 80%),
    0 0 8px rgb(255 255 255 / 30%) !important;
  filter: brightness(1.2) !important;
}

/* Ensure it's always on top */
.ts-nav-toggle {
  position: relative !important;
  z-index: 2001 !important;
}

/* Add glow effect on focus */
.ts-nav-toggle:focus-visible {
  box-shadow:
    0 0 0 3px rgb(0 225 132 / 40%),
    0 0 16px rgb(0 225 132 / 60%) !important;
}