/* Copied from /css/tallycounter.css */

/* Tally Counter Button Optimizations */
#action-plus, #action-minus {
  /* Ensure proper touch target size */
  min-width: 44px !important;
  min-height: 44px !important;
  
  /* Improve touch responsiveness */
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  
  /* Ensure buttons are easily tappable */
  padding: 8px 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  /* Prevent interference with touch events */
  pointer-events: auto !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

#action-plus:active, #action-minus:active {
  /* Provide visual feedback on tap */
  opacity: 0.7 !important;
  transform: scale(0.95) !important;
  transition: all 0.1s ease !important;
}

/* Ensure icons don't interfere with touch events */
#action-plus i, #action-minus i {
  pointer-events: none !important;
}

/* Ensure spans don't interfere with touch events */
#action-plus span, #action-minus span {
  pointer-events: none !important;
}

/* Footer bar improvements for touch */
.footer-bar-1 {
  /* Ensure footer bar doesn't interfere with touch */
  touch-action: manipulation !important;
}

.footer-bar-1 a {
  /* Improve all footer bar button touch targets */
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  min-width: 44px !important;
  min-height: 44px !important;
}