.text-input-overlay {
  position: fixed;
  z-index: 1100;
  transform: translate(-50%, -50%);
}

.text-input-overlay__input {
  min-width: 120px;
  max-width: 400px;
  padding: 6px 10px;
  border: 1.5px solid rgba(147, 64, 42, 0.3);
  border-radius: 8px;
  outline: none;
  font-family: inherit;
  font-size: 16px; /* ≥16px prevents iOS Safari from auto-zooming on focus */
  box-shadow: 0 4px 16px rgba(42, 38, 34, 0.2);
  transition: border-color 0.15s ease;
}

.text-input-overlay__input:focus {
  border-color: #93402A;
  box-shadow: 0 4px 16px rgba(42, 38, 34, 0.2), 0 0 0 3px rgba(147, 64, 42, 0.12);
}

.text-input-overlay__input::placeholder {
  color: rgba(42, 38, 34, 0.4);
  font-style: italic;
}