/* Search input styling - Figma 20px @ 1920 → 15px @ 1440 */
/* Note: Using 16px minimum to prevent iOS Safari auto-zoom on focus */
.search-input {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: white;
  padding: 0 0.5rem 0.25rem 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  outline: none;
  transition: border-color 0.2s ease;
  width: 100%;
}

.search-input::placeholder {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
}

.search-input:focus {
  border-bottom-color: white;
}