/* Mobile Theme Trigger Styles */
/* Prevents iOS Safari zoom behavior on triple-tap */

.no-zoom {
  /* Prevent iOS Safari zoom on triple-tap */
  touch-action: manipulation !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  
  /* Prevent text selection */
  -webkit-tap-highlight-color: transparent !important;
  
  /* Ensure smooth scaling animation */
  transform-origin: center;
  transition: transform 100ms ease-out;
}

/* Additional iOS Safari zoom prevention */
@supports (-webkit-touch-callout: none) {
  .no-zoom {
    /* iOS Safari specific styles */
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }
}

/* Ensure mobile logo doesn't interfere with normal touch interactions */
#mobile-logo.no-zoom {
  /* Allow normal single/double taps but prevent zoom */
  touch-action: manipulation;
  
  /* Smooth scaling for visual feedback */
  will-change: transform;
}

/* Debug: Add subtle border to see the touch area (remove in production) */
/* #mobile-logo.no-zoom {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
} */