/* Prevent zoom from pushing content off bottom */
html, body {
  /* Prevent iOS Safari from zooming when focusing inputs */
  -webkit-text-size-adjust: 100%;
  /* Ensure consistent rendering */
  touch-action: manipulation;
}

/* Input styling */
textarea,
input[type="text"],
.input-transparent {
  -webkit-appearance: none;
  /* Prevent iOS zoom on focus - minimum 16px font */
  font-size: 16px !important;
  /* Remove default outline */
  outline: none !important;
  border: none !important;
}

textarea:focus,
input[type="text"]:focus {
  outline: none !important;
  border: none !important;
}

/* Override any blue focus styles */
textarea:focus-visible,
input[type="text"]:focus-visible {
  outline: none !important;
  border: none !important;
}

/* Force user message text color based on app theme */
[data-theme="light"] [data-user-message="true"] * {
  color: white !important;
}

[data-theme="dark"] [data-user-message="true"] * {
  color: black !important;
}

/* Typing cursor animation */
@keyframes blink {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}

/* Apply blink animation to typing cursor - web only */
.cursor-blink {
  animation: blink 1s infinite;
}

/* Copy button hover effect - web only */
/* Target copy button by testID */
[data-testid="copy-button"]:hover {
  opacity: 0.7 !important;
  transition: opacity 0.2s ease;
}

/* Fallback: Target copy button by its unique style combination */
[style*="padding: 8px"][style*="opacity: 0.3"][style*="borderRadius: 4px"]:hover,
[style*="padding:8px"][style*="opacity:0.3"][style*="borderRadius:4px"]:hover {
  opacity: 0.7 !important;
  transition: opacity 0.2s ease;
}

/* More specific targeting - include parent container selector */
[style*="justifyContent: flex-end"] [style*="padding: 8px"][style*="opacity: 0.3"]:hover,
[style*="justifyContent:flex-end"] [style*="padding:8px"][style*="opacity:0.3"]:hover {
  opacity: 0.7 !important;
  transition: opacity 0.2s ease;
}