/* Mobile Dark Mode Fix */
@media (max-width: 768px) {
  #dark-mode-toggle {
    position: relative !important;
    z-index: 9999 !important;
    pointer-events: auto !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    min-height: 48px !important;
    min-width: 48px !important;
  }
  
  #dark-mode-toggle:hover,
  #dark-mode-toggle:focus,
  #dark-mode-toggle:active {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  
  /* Ensure no overlapping elements */
  #dark-mode-toggle * {
    pointer-events: none !important;
  }
}